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 man sie skalieren kann, und wie sie und andere ersetzte Inhalte mit den verschiedenen Layout-Modellen interagieren.

Referenz

Eigenschaften

• image-orientation
• image-rendering
• object-fit
• object-position
• object-view-box

Das CSS-Bilder-Modul definiert auch die image-resolution-Eigenschaft. Derzeit unterstützen keine 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-Bilder-Modul definiert auch die image()-Funktion. Derzeit unterstützen keine Browser dieses Feature.

Datentypen

• <gradient>
• <image>

Leitfäden

Verwendung von CSS-Verläufen

Stellt eine spezielle Art von CSS-Bildern vor, Verläufe, und wie man diese erstellt und verwendet.

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.

Styling von ersetzten Elementen

Führt die Eigenschaften ein, die nur für ersetzte Elemente gelten.

Verständnis von Seitenverhältnissen

Lernen Sie die aspect-ratio-Eigenschaft kennen, diskutieren Sie Seitenverhältnisse für ersetzte und nicht ersetzte Elemente und untersuchen einige gängige Anwendungsfälle für Seitenverhältnisse.

Verwendung der CSS-Eigenschaft object-view-box

Lernen Sie die CSS-Eigenschaft object-view-box kennen, einschließlich des Zoomens und Schwenkens durch Bilder.

Verwandte Konzepte

• <url>
• url()
• <basic-shape-rect>

Spezifikationen

Siehe auch

• CSS-Filtereffekte Modul
• CSS-Komposition und -Vermischung Modul
• CSS-Farben Modul
• CSS-Werte und Einheiten Modul