tas2580
Blog über Webentwicklung

CSS - background-image

Die background-image Eigenschaft setzt einen oder mehrere Hintergrundbilder für ein Element.

Beispiel

div {
    background-image: url("bild.jpg");
}

Definition und Verwendung

Der Hintergrund eines Elements ist die Gesamtgröße des Elements, einschließlich padding und border (aber nicht margin).

Standardmäßig wird ein Hintergrund-Bild in der oberen linken Ecke eines Elements platziert und sowohl vertikal als auch horizontal wiederholt.

Standard Wert:
keine
CSS Version:
CSS1
Vererbt sich:
Nein
Animierbar:
Nein

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
none Kein Hintergrundbild wird angezeigt. Dies ist die Standardeinstellung.
url('URL') Die URL zum Bild. Um mehr als ein Bild anzugeben, trenne die URLs mit einem Komma.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.