Beispiel
Legen Sie eine Hintergrundfarbe für ein Dokument:
document.body.style.backgroundColor = "red";
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Backgroundcolor-Eigenschaft legt oder gibt die Hintergrundfarbe eines Elements.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| backgroundColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Bringen Sie die Eigenschaft Backgroundcolor:
object .style.backgroundColorStellen Sie die Eigenschaft Backgroundcolor:
object .style.backgroundColor=" Eigenschaftswerte Wert Beschreibung color Gibt die Hintergrundfarbe. Schauen Sie sich CSS Farbwerte für eine vollständige Liste der möglichen Farbwerte transparent Standard. Die Hintergrundfarbe ist transparent (underlying content will shine through) initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: transparent Rückgabewert: Ein String, die die Hintergrundfarbe CSS Version CSS1
Mehr Beispiele
Beispiel
Legen Sie eine Hintergrundfarbe eines bestimmten <div> Element:
document.getElementById("myDiv").style.backgroundColor = "lightblue"; Versuch es selber "
Beispiel
Bringen Sie die Hintergrundfarbe eines bestimmten <div> Element:
alert(document.getElementById("myDiv").style.backgroundColor); Versuch es selber "
Beispiel
Bringen Sie die Hintergrundfarbe eines Dokuments:
alert(document.body.style.backgroundColor); Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Hintergrund
CSS - Referenz: background-color property
HTML - DOM - Referenz: background property
<Style - Objekt