CSS images
Das CSS images-Modul definiert die Arten von Bildern, die verwendet werden können (den <image>-Typ, der URLs, Verläufe und andere Arten von Bildern enthält), wie sie skaliert werden und wie sie, sowie andere ersetzte Inhalte, mit den verschiedenen Layout-Modellen interagieren.
Referenz
Eigenschaften
Das CSS images-Modul definiert auch die image-resolution-Eigenschaft. Derzeit unterstützt kein Browser dieses Feature.
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 dieses Feature.
Datentypen
Leitfäden
- Verwendung von CSS-Verläufen
-
Stellt eine spezifische Art von CSS-Bildern vor, Verläufe, und wie Sie diese erstellen und verwenden können.
- 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.
- Stilisieren von ersetzten Elementen
-
Führt die Eigenschaften ein, die nur für ersetzte Elemente gelten.
- 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 von Seitenverhältnissen. - Verwendung der CSS-Eigenschaft
object-view-box -
Lernen Sie die CSS-Eigenschaft
object-view-boxkennen, einschließlich wie man in Bilder hereinzoomt, herauszoomt und sie verschiebt.
Verwandte Konzepte
Spezifikationen
| Specification |
|---|
| CSS Images Module Level 3 |
| CSS Images Module Level 4 |
| CSS Images Module Level 5 |
Siehe auch
- CSS Filtern von Effekten Modul
- CSS Komposition und Vermischung Modul
- CSS Farben Modul
- CSS Werte und Einheiten Modul