CSS background-colorPropriété
Exemple
Définir des couleurs d'arrière-plan pour différents éléments :
Essayez-le vous-même »
Définition de la balise et instructions d'utilisation
La propriété background-color définit la couleur d'arrière-plan d'un élément.
L'arrière-plan d'un élément correspond à la taille totale de l'élément, y compris padding et border (mais pas margin).
| Valeur par défaut : | transparent |
|---|---|
| Héritée : | non |
| version : | CSS1 |
| Syntaxe JavaScript : | object object.style.backgroundColor="#0080FF" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version de navigateur qui prend entièrement en charge la propriété.
Les nombres immédiatement suivis de -webkit-, -ms- ou -moz- spécifient la première version de navigateur qui prenait en charge la propriété préfixée.
| Propriété | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Tous les principaux navigateurs prennent en charge la propriété background-color.
RemarqueIE7 et les versions antérieures ne prennent pas en charge la valeur "inherit". IE8 nécessite un !DOCTYPE. IE9 prend en charge "inherit".
Conseils et notes
Astuce :Utilisez des couleurs d'arrière-plan et des couleurs pour rendre le texte facile à lire.
Valeur de la propriété
| Valeur | Description |
|---|---|
| color | Spécifie la couleur d'arrière-plan. DansValeurs de couleur CSSTrouvez une liste complète des valeurs de couleur lorsque cela est possible. |
| transparent | Spécifie que la couleur d'arrière-plan doit être transparente. C'est la valeur par défaut. |
| inherit | Spécifie que la couleur d'arrière-plan doit être héritée de l'élément parent. |
Exemples en ligne
Cet exemple montre comment définir la couleur d'arrière-plan d'une partie du texte.
Articles connexes
Tutoriel CSS :Arrière-plans CSS
autres extensions