CSS-Bilder
Das CSS-Bilder-Modul definiert die Arten von Bildern, die verwendet werden können (den <image>-Typ, der URLs, Verläufe und andere Bildtypen enthält), wie sie skaliert werden und wie sie und anderer ersetzter Inhalt mit den verschiedenen Layoutmodellen 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 derzeit von keinem Browser unterstützt wird.
Datentypen
Leitfäden
- Verwendung von CSS-Verläufen
-
Präsentiert eine spezifische Art von CSS-Bildern, Verläufe, und wie diese erstellt und verwendet werden.
- Implementieren von Bildsprites in CSS
-
Beschreibt die gängige Technik, mehrere Bilder in einem einzigen Dokument zu gruppieren, um Download-Anforderungen zu reduzieren und die Verfügbarkeit einer Seite zu beschleunigen.
- Styling von ersetzten Elementen
-
Führt die Eigenschaften ein, die nur auf ersetzte Elemente angewendet werden.
- Verstehen von Seitenverhältnissen
-
Lernen Sie die
aspect-ratio-Eigenschaft kennen, diskutieren Sie Seitenverhältnisse für ersetzte und nicht ersetzte Elemente und untersuchen Sie einige gängige 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 -Überblendung Modul
- CSS-Farben Modul
- CSS-Werte und -Einheiten Modul