background-color

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Définit la couleur d'arrière-plan de l'élément. La propriété background-color d'un élément imbriqué peut sembler avoir été héritée de son parent; en réalité la valeur initiale est "transparent", c'est-à -dire que la couleur de l'élément parent immédiat est visible à travers l'espace libre de l'élément enfant.

Syntaxe CSS
background-color: couleur
Valeur(s) possible(s) pour cette propriété :

Toute spécification de couleur valide ou transparent.

Pour plus de détails sur les valeurs possibles pour cette propriété, consultez notre page consacrée à la couleur.

Valeur initiale

transparent

Exemple
.highlighter {background-color: yellow}
S'applique à 

Tous les éléments.

Javascript
[window.]document .getElementById("elementID") .style .backgroundColor

background (pour définir en une seule fois tout ce qui se rattache au fond)
background-attachment (précise si le fond défile avec le contenu ou non)
background-image (définit l'image placée en fond de bloc)
background-position (définit la position de l'image de fond)
background-position-x (définit la position horizontale de l'image de fond)
background-position-y (définit la position verticale de l'image de fond)
background-repeat (précise si l'image doit être répétée ou non)
background-color (définit une couleur de fond pour un élément)
layer-background-image (Image d'arrière plan et de la bordure dans Netscape Navigator)
layer-background-color (Couleur d'arrière plan et de la bordure dans Netscape Navigator)


et pour des indications générales sur l'utilisation de ces propriétés :
Pompage ou MammouthLand

Il est intéressant de définir une couleur de fond même dans le cas ou l'on définit également une image de fond. Voici pourquoi :

Dans le cas où le bloc auquel vous attribuez image et couleur comporte du texte, vous devez veiller scrupuleusement à maintenir un contraste suffisant entre la couleur du texte et celle du fond afin de ne pas nuire à la lisibilité du texte.

Prenez garde à ne pas attribuer d'images trop "lourdes" (taille trop importante en termes de volume de données) afin de ne pas trop ralentir le chargement de vos pages.


Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional