Derniers tutoriels de développement web
 

Style backgroundColor Property

<Style objet

Exemple

Définir une couleur d'arrière-plan pour un document:

document.body.style.backgroundColor = "red";
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.


Définition et utilisation

Les ensembles de propriétés backgroundColor ou renvoie la couleur d'arrière-plan d'un élément.


Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.

Propriété
backgroundColor 1.0 4.0 1.0 1.0 3.5

Syntaxe

Retour la propriété backgroundColor:

object .style.backgroundColor

Définissez la propriété backgroundColor:

object .style.backgroundColor=" Valeurs de propriété
Valeur La description
color Indique la couleur d'arrière-plan. Regardez des valeurs de couleur CSS pour obtenir une liste complète des valeurs de couleurs possibles
transparent Défaut. La couleur de fond est transparent (underlying content will shine through) - (underlying content will shine through) à (underlying content will shine through)
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: transparent
Valeur de retour: Une chaîne, représentant la couleur d'arrière-plan
version CSS CSS1

autres exemples

Exemple

Définir une couleur d'arrière - plan spécifique d'un <div> élément:

document.getElementById("myDiv").style.backgroundColor = "lightblue";
Essayez vous - même »

Exemple

Retour la couleur de fond d'un spécifique <div> élément:

alert(document.getElementById("myDiv").style.backgroundColor);
Essayez vous - même »

Exemple

Retour la couleur de fond d'un document:

alert(document.body.style.backgroundColor);
Essayez vous - même »

Pages associées

Tutoriel CSS: Contexte CSS

Référence CSS: background-color property

Référence HTML DOM: background property


<Style objet