CSS-Bilder
Das CSS-Bilder-Modul definiert die Arten von Bildern, die verwendet werden können (den <image>-Typ, der URLs, Gradienten und andere Bildtypen enthält), wie man sie skaliert 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 unterstützt kein Browser diese Funktion.
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 unterstützt kein Browser diese Funktion.
Datentypen
Leitfäden
- Verwendung von CSS-Gradienten
-
Stellt einen spezifischen Typ von CSS-Bildern vor, Gradienten, und wie man diese erstellt und verwendet.
- Implementierung von Bild-Sprites in CSS
-
Beschreibt die übliche Technik, mehrere Bilder in einem einzigen Dokument zu gruppieren, um Download-Anfragen zu sparen und die Verfügbarkeit einer Seite zu beschleunigen.
- Gestaltung ersetzter Elemente
-
Führt in die Eigenschaften ein, die nur für ersetzte Elemente gelten.
- 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-Komposition und -Mischung Modul
- CSS-Farben Modul
- CSS-Werte und Einheiten Modul