CSS kurz & gut, 4th Edition

Name

background-size

Werte:

<bg-size> [ , <bg-size> ]*

Einzelwerte:

<bg-repeat-style>

[ <Länge> | <Prozentsatz> | auto ]{1,2} | cover | contain

Anfangswert:

auto

Anwendbar auf:

Alle Elemente

Vererbt:

Nein

Berechneter Wert:

Siehe Beschreibung

Beschreibung:

Definiert die Größe von einem oder mehreren Ursprungshintergrundbildern. Wenn zwei Werte verwendet werden (z.B. 50px 25%), definiert der erste die horizontale Dimension des Bildes und der zweite die vertikale Dimension. Das Ursprungsbild kann mittels 100% 100% so deformiert werden, dass es den Hintergrund genau abdeckt. Im Gegensatz dazu skaliert cover das Bild so, dass es den gesamten Hintergrund bedeckt, selbst wenn ein Teil davon über den Hintergrund hinausragt und so Beschnitt erzeugt, und contain skaliert ...