Propriété Style backgroundColor

Définition et utilisation

backgroundColor Définir ou retourner la couleur de fond de l'élément.

Voir également :

Styles HTML :Propriété background

Tutoriel CSS :Arrière-plan CSS

Manuel de référence CSS :Propriété background-color

Exemple

Exemple 1

Définir la couleur de fond du document :

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

Essayez-le vous-même

Exemple 2

Définir la couleur de fond spécifique de l'élément <div> :

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

Essayez-le vous-même

Exemple 3

Retourne la couleur de fond spécifique de l'élément <div> :

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

Essayez-le vous-même

Exemple 4

Retourne la couleur de fond du document :

alert(document.body.style.backgroundColor);

Essayez-le vous-même

Syntaxe

Retourner la propriété backgroundColor :

object.style.backgroundColor

Définir la propriété backgroundColor :

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

Valeur de l'attribut

Valeur Description
color

Définit la couleur de fond.

Voir Valeur de couleur CSSpour obtenir la liste complète des valeurs de couleur possibles.
transparent Par défaut. La couleur de fond est transparente (le contenu sous-jacent est visible).
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : transparent
Valeur de retour : Une chaîne de caractères, représentant la couleur de fond.
Version CSS : CSS1

Support du navigateur

backgroundColor C'est une caractéristique de CSS1 (1996).

Tous les navigateurs le supportent pleinement :

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soutien Soutien Soutien Soutien Soutien Soutien