CSS/Eigenschaften/background-size
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft background-size legt die Größe des Hintergrundbildes fest
erlaubte Werte |
|
---|---|
anwendbar auf | alle Elemente |
Vererbung | nein |
animierbar | ja (Zahlenwerte, aber keine Schlüsselwörter) |
Beispiel
body {
background-image: url(…);
background-size: 50% 100%;
}
Beachten Sie: Soll nur die Höhe festgelegt werden, so kann dies mit
Nicht jede Grafik enthält ein Seitenverhältnis oder eine Defaultgröße. Bei Rasterformaten wie JPG oder PNG ist beides vorhanden, aber in SVG Grafiken kann beides fehlen. Wird eine auto-Bildgröße verlangt, ohne dass es eine natürliche Bildgröße gibt, wird
background-size: auto 100px;
geschehen. Prozentangaben sind im Gegensatz zu negativen Werten ebenfalls erlaubt. Sie beziehen sich auf die entsprechenden Angaben des Anzeigebereichs.Nicht jede Grafik enthält ein Seitenverhältnis oder eine Defaultgröße. Bei Rasterformaten wie JPG oder PNG ist beides vorhanden, aber in SVG Grafiken kann beides fehlen. Wird eine auto-Bildgröße verlangt, ohne dass es eine natürliche Bildgröße gibt, wird
contain
als size-Angabe angenommen.Weblinks
- Spezifikation (W3C): background-size