CSS images
Das CSS images Modul definiert die Arten von Bildern, die verwendet werden können (der <image> Typ, der URLs, Verläufe und andere Arten von Bildern enthält), wie sie zu skalieren sind und wie sie und anderer ersetzter Inhalt mit den verschiedenen Layout-Modellen interagieren.
Referenz
Eigenschaften
Das CSS images 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 images Modul definiert auch die image() Funktion. Derzeit unterstützt kein Browser diese Funktion.
Datentypen
Leitfäden
- Verwendung von CSS-Verläufen
-
Stellt einen bestimmten Typ von CSS-Bildern vor, Verläufe, und wie diese erstellt und verwendet werden können.
- Implementierung von Bildspriten 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.
- Stil von ersetzten Elementen
-
Führt in die Eigenschaften ein, die nur für ersetzte Elemente gelten.
- Verständnis von Seitenverhältnissen
-
Erfahren Sie mehr über die
aspect-ratioEigenschaft, diskutieren Sie Seitenverhältnisse für ersetzte und nicht ersetzte Elemente und untersuchen Sie einige gebräuchliche Anwendungsfälle für Seitenverhältnisse. - Verwendung der CSS-Eigenschaft
object-view-box -
Lernen Sie die CSS-Eigenschaft
object-view-box, einschließlich wie man Bilder ein- oder auszoomt und wie man über sie hinweg schwenkt.
Verwandte Konzepte
Spezifikationen
| Specification |
|---|
| CSS Images Module Level 3 |
| CSS Images Module Level 4 |
| CSS Images Module Level 5 |
Siehe auch
- CSS Filtereffekte Modul
- CSS-Komposition und -Mischung Modul
- CSS Farben Modul
- CSS Werte und Einheiten Modul