Style backgroundColor eigenschap

Definitie en gebruik

backgroundColor Stel of retourneer de achtergrondkleur van het element.

Zie ook:

HTML stijl:background eigenschap

CSS handleiding:CSS background

CSS referentiemanualbackground-color eigenschap

Voorbeeld

Voorbeeld 1

Stel de achtergrondkleur van het document in:

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

Probeer het zelf

Voorbeeld 2

Stel de achtergrondkleur van het specifieke <div>-element in:

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

Probeer het zelf

Voorbeeld 3

Retourneer de achtergrondkleur van het specifieke <div>-element:

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

Probeer het zelf

Voorbeeld 4

Retourneer de achtergrondkleur van het document:

alert(document.body.style.backgroundColor);

Probeer het zelf

Syntax

Retourneer de backgroundColor-eigenschap:

object.style.backgroundColor

Stel de backgroundColor-eigenschap in:

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

Eigenschapswaarde

Waarde Beschrijving
color

bepaalt de achtergrondkleur.

Bekijk CSS kleurwaardenvoor een volledige lijst van mogelijke kleurwaarden.
transparent Standaard. De achtergrondkleur is transparant (de onderliggende inhoud is zichtbaar).
initial Stel deze eigenschap in op zijn standaardwaarde. Zie ook initial.
inherit Inherit deze eigenschap van de ouder element. Zie ook inherit.

Technische details

Standaardwaarde: transparent
Retourwaarde: Een string die de achtergrondkleur aangeeft.
CSS versie: CSS1

Browserondersteuning

backgroundColor is een CSS1 (1996) kenmerk.

Ondersteund door alle browsers:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning