background-repeat

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

Indique la nécessité ou non de répéter l'image d'arrière-plan (spécifiée à l'aide de la propriété background-image) et, le cas échéant, les axes de répétition. Vous pouvez utiliser la fonction de répétition d'images d'arrière-plan pour créer des bandes horizontales et verticales.

Syntaxe CSS
background-repeat: no-repeat | repeat | repeat-x | repeat-y
Valeur(s) possible(s) pour cette propriété :

Avec la valeur no-repeat, une instance de l'image apparaît dans l'élément à l'emplacement défini par la propriété background-position (par défaut, dans l'angle supérieur gauche). Les répétitions normales se produisent le long des deux axes, mais une image peut être répétée sur une seule ligne (repeat-x) ou une seule colonne (repeat-y) .

Valeur initiale

repeat

Exemple
body {background-image: url(icon.gif); background-repeat: repeat-y}
S'applique à 

Tous les éléments.

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

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




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