Style backgroundColor -Eigenschaft
Beispiel
Legen Sie eine Hintergrundfarbe für ein Dokument fest:
document.body.style.backgroundColor = "red";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft backgroundColor legt die Hintergrundfarbe eines Elements fest oder gibt sie zurück.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
backgroundColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Gibt die backgroundColor-Eigenschaft zurück:
object.style.backgroundColor
Legen Sie die backgroundColor-Eigenschaft fest:
object.style.backgroundColor = "color|transparent|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
color | Specifies the background color. Look at CSS Color Values for a complete list of possible color values |
transparent | Default. The background color is transparent (underlying content will shine through) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | transparent |
---|---|
Rückgabewert: | Ein String, der die Hintergrundfarbe darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Legen Sie eine Hintergrundfarbe für ein bestimmtes <div>-Element fest:
document.getElementById("myDiv").style.backgroundColor = "lightblue";
Beispiel
Gibt die Hintergrundfarbe eines bestimmten <div>-Elements zurück:
alert(document.getElementById("myDiv").style.backgroundColor);
Beispiel
Gibt die Hintergrundfarbe eines Dokuments zurück:
alert(document.body.style.backgroundColor);
Verwandte Seiten
CSS-Tutorial: CSS-Hintergrund
CSS-Referenz: Eigenschaft background-color
HTML-DOM-Referenz: Hintergrundeigenschaft