background

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

Forme courte de propriété permettant de définir, à l'aide d'une seule instruction, cinq propriétés de style d'arrière-plan distincts (mais apparentés).

Les valeurs de cette propriété peuvent être spécifiées dans n'importe quel ordre et doivent être séparées par des espaces.

Syntaxe CSS
background: background-attachment || background-color || background-image ||
background-position || background-repeat
Valeur(s) possible(s) pour cette propriété :

Toute combinaison des cinq valeurs de propriété de style possibles, dans n'importe quel ordre. Toute propriété qui n'est pas explicitement définie conserve sa valeur initiale. Pour plus de détails sur les valeurs possibles de chaque propriété, cliquez sur les liens proposés ci-dessus.

Valeur initiale

Aucun.

Exemple
body {background: url(watermark.jpg) repeat fixed}
S'applique à 

Tous les éléments.

Javascript

[window.]document .getElementById("elementID") .style.background

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.

Au moment où vous créez votre site, et surtout si vous lui appliquez une image de fond de page, 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
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu