CSS - background-size
Die background-size Eigenschaft gibt die Größe der Hintergrundbilder an.
Beispiel
div {
background-size: 80px 60px;
}
Definition und Verwendung
- Standard Wert:
- auto
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Ja
- -webkit-:
- -webkit-background-size
- -moz-:
- -moz-background-size
- -o-:
- -o-background-size
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
| Wert | Beschreibung |
|---|---|
| Länge Länge | Setzt die Breite und Höhe des Hintergrundbildes . Der erste Wert legt die Breite, der zweite Wert die Höhe fest. Wenn nur ein Wert angegeben ist, wird der zweite auf "auto" gesetzt. |
| auto | Standardwert. Das Hintergrundbild behält, seine Breite und Höhe. |
| contain | Skaliert das Hintergrundbild auf die größte Größe, so dass sowohl seine Breite und Höhe innerhalb des Content-Bereich passen. |
| cover | Skaliert das Hintergrundbild so groß wie möglich, so das der gesammte Hintergrund vom Bild bedeckt wird. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |