Stijl backgroundColor Property
Voorbeeld
Stel een achtergrondkleur in voor een document:
document.body.style.backgroundColor = "red";
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Met de eigenschap backgroundColor wordt de achtergrondkleur van een element ingesteld of geretourneerd.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
backgroundColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxis
Retourneer de eigenschap backgroundColor:
object.style.backgroundColor
Stel de eigenschap backgroundColor in:
object.style.backgroundColor = "color|transparent|initial|inherit"
Eigendomswaarden
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
Standaardwaarde: | transparant |
---|---|
Winstwaarde: | Een tekenreeks, die de achtergrondkleur vertegenwoordigt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Stel een achtergrondkleur in van een specifiek <div>-element:
document.getElementById("myDiv").style.backgroundColor = "lightblue";
Voorbeeld
Retourneer de achtergrondkleur van een specifiek <div>-element:
alert(document.getElementById("myDiv").style.backgroundColor);
Voorbeeld
Geef de achtergrondkleur van een document terug:
alert(document.body.style.backgroundColor);
Gerelateerde pagina's
CSS-zelfstudie: CSS-achtergrond
CSS -referentie: eigenschap achtergrondkleur
HTML DOM-referentie: achtergrondeigenschap