CSS-Bilder
Das CSS-Bilder-Modul definiert die Typen von Bildern, die verwendet werden können (der <image>-Typ, der URLs, Verläufe und andere Bildtypen enthält), wie sie angepasst werden können und wie sie und andere ersetzte Inhalte mit den verschiedenen Layout-Modellen interagieren.
Referenz
Eigenschaften
Funktionen
linear-gradient()radial-gradient()repeating-linear-gradient()repeating-radial-gradient()conic-gradient()repeating-conic-gradient()cross-fade()element()image-set()
Die Spezifikation definiert auch die image()-Funktion, die von keinem Browser unterstützt wird.
Datentypen
Leitfäden
- Verwendung von CSS-Verläufen
-
Stellt eine spezifische Art von CSS-Bildern, Verläufe, vor und zeigt, wie diese erstellt und verwendet werden können.
- 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.
- Verstehen von Seitenverhältnissen
-
Lernen Sie über die
aspect-ratio-Eigenschaft, diskutieren Sie Seitenverhältnisse für ersetzte und nicht ersetzte Elemente und untersuchen Sie einige gängige Anwendungsfälle von Seitenverhältnissen.
Verwandte Konzepte
Spezifikationen
| Specification |
|---|
| CSS Images Module Level 3 |
| CSS Images Module Level 4 |
Siehe auch
- CSS-Filtereffekte Modul
- CSS-Kompensierung und Blending Modul
- CSS-Farben Modul
- CSS-Werte und Einheiten Modul