Style backgroundImage Eigenschaft

Definition und Verwendung

backgroundImage Eigenschaftsetze oder rückgabe des Hintergrundbildes des Elements.

Tipp:Neben dem Hintergrundbild sollten Sie auch die Hintergrundfarbe angeben. Wenn das Bild nicht verfügbar ist, wird die Hintergrundfarbe verwendet.

Weitere Informationen:

HTML-Stil:background-Eigenschaft

CSS-Tutorial:CSS-Hintergrund

CSS3-Tutorial:CSS3-Background

CSS-Referenzhandbuch:background-image-Eigenschaft

Beispiel

Beispiel 1

Setzen Sie das Hintergrundbild des Dokuments:

document.body.style.backgroundImage = "url('img_tree.png')";

Probieren Sie es selbst aus

Beispiel 2

Setzen Sie das Hintergrundbild des spezifischen <div>-Elements:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Probieren Sie es selbst aus

Beispiel 3

Rückgabe des Hintergrundbildes des spezifischen <div>-Elements:

alert(document.getElementById("myDiv").style.backgroundImage);

Probieren Sie es selbst aus

Beispiel 4

Rückgabe des Hintergrundbildes des Dokuments:

alert(document.body.style.backgroundImage);

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft backgroundImage:

object.style.backgroundImage

Setzen Sie die Eigenschaft backgroundImage:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

Eigenschaftswert

Wert Beschreibung
url('URL) Position der Bilddatei.
none Kein Hintergrundbild. Standard.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: none
Rückgabewert: Ein String, der die Hintergrundbildposition darstellt.
CSS-Version: CSS1

Browser-Unterstützung

backgroundImage Es ist eine Eigenschaft von CSS1 (1996).

Alle Browser unterstützen es vollständig:

Chrome Edge Firefox Safari Oper IE
Chrome Edge Firefox Safari Oper IE
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung