Style backgroundColor Eigenschaft

Definition und Verwendung

backgroundColor Setzt oder gibt die Hintergrundfarbe des Elements zurück.

Siehe auch:

HTML-Stil:background-Eigenschaft

CSS-Tutorial:CSS-Hintergrund

CSS-Referenzhandbuch:background-color-Eigenschaft

Beispiel

Beispiel 1

Setzt die Hintergrundfarbe des Dokuments:

document.body.style.backgroundColor = "red";

Probieren Sie es selbst aus

Beispiel 2

Setzt die Hintergrundfarbe des spezifischen <div>-Elements:

document.getElementById("myDiv").style.backgroundColor = "lightblue";

Probieren Sie es selbst aus

Beispiel 3

Gibt die Hintergrundfarbe des spezifischen <div>-Elements zurück:

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

Probieren Sie es selbst aus

Beispiel 4

Gibt die Hintergrundfarbe des Dokuments zurück:

alert(document.body.style.backgroundColor);

Probieren Sie es selbst aus

Syntax

Gibt die Eigenschaft backgroundColor zurück:

object.style.backgroundColor

Setzt die Eigenschaft backgroundColor:

object.style.backgroundColor = "color|transparent|initial|inherit"

Eigenschaftswert

Wert Beschreibung
color

Regelt die Hintergrundfarbe.

Sehen Sie CSS-Farbwerte, um die vollständige Liste möglicher Farben zu erhalten.
transparent Standard. Die Hintergrundfarbe ist transparent (der untergeordnete Inhalt ist sichtbar).
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: transparent
Rückgabewert: Ein String, der die Hintergrundfarbe angibt.
CSS-Version: CSS1

Browserunterstützung

backgroundColor Es ist eine Eigenschaft von CSS1 (1996).

Alle Browser unterstützen es vollständig:

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