background-color
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.
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.
transparent
Tous les éléments.
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 :
- L'image de fond peut ne pas se charger sur certains navigateurs
- L'image de fond peut mettre du temps à se charger en cas de mauvaise connection. Dans l'intervalle, l'internaute ne verra que la couleur de fond.
- L'image de fond peut ne pas couvrir la totalité du bloc auquel elle est attachée. Les parties non couvertes auront la couleur de fond.
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 : et
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é.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.