CSS-Bilder
Das CSS-Bilder-Modul definiert die Typen von Bildern, die verwendet werden können (den <image>-Typ, der URLs, Verläufe und andere Bildtypen enthält), wie sie geändert werden können und wie sie und andere ersetzte Inhalte mit den verschiedenen Layoutmodellen interagieren.
Referenz
Eigenschaften
Das CSS-Bilder-Modul definiert auch die image-resolution-Eigenschaft. Derzeit wird diese Funktion von keinem Browser unterstützt.
Funktionen
linear-gradient()radial-gradient()repeating-linear-gradient()repeating-radial-gradient()conic-gradient()repeating-conic-gradient()cross-fade()element()image-set()
Das CSS-Bilder-Modul definiert auch die image()-Funktion. Derzeit wird diese Funktion von keinem Browser unterstützt.
Datentypen
Leitfäden
- Verwendung von CSS-Verläufen
-
Präsentiert einen spezifischen Typ von CSS-Bildern, Verläufe, und wie man diese erstellt und verwendet.
- Implementierung von Bild-Sprites in CSS
-
Beschreibt die gängige Technik, mehrere Bilder in einem einzigen Dokument zu gruppieren, um Download-Anfragen zu sparen und die Verfügbarkeit einer Seite zu beschleunigen.
- Stilisierung von ersetzten Elementen
-
Führt die Eigenschaften ein, die nur auf ersetzte Elemente angewendet werden.
- Verständnis von Seitenverhältnissen
-
Erfahren Sie mehr über die
aspect-ratio-Eigenschaft, diskutieren Sie Seitenverhältnisse für ersetzte und nicht ersetzte Elemente und untersuchen Sie einige häufige Anwendungsfälle für Seitenverhältnisse.
Verwandte Konzepte
Spezifikationen
| Specification |
|---|
| CSS Images Module Level 3 |
| CSS Images Module Level 4 |
Siehe auch
- CSS-Filtereffekte Modul
- CSS-Compositing und -Blending Modul
- CSS-Farben Modul
- CSS-Werte und Einheiten Modul