Attribut backgroundRepeat de style
- Page précédente backgroundPosition
- Page suivante backgroundClip
- Retour au niveau supérieur Objet Style HTML DOM
Définition et utilisation
backgroundRepeat
Définir ou retourner comment l'image de fond se répète (tapisserie).
Voir également :
Styles HTML :Propriété background
Tutoriel CSS :Arrière-plan CSS
Tutoriel CSS3 :Arrière-plan CSS3
Manuel CSS :Propriété background-repeat
Exemple
Exemple 1
Définir l'image de fond pour ne pas se répeter (no-repeat) :
document.body.style.backgroundRepeat = "repeat-y";
Exemple 2
Changer la propriété backgroundRepeat de l'élément DIV spécifié :
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Exemple 3
Définir l'image de fond pour une répétition horizontale ou verticale :
function repeatVer() { document.body.style.backgroundRepeat = "repeat-y"; } function repeatHor() { document.body.style.backgroundRepeat = "repeat-x"; }
Exemple 4
Retourner la valeur background-repeat du document :
alert(document.body.style.backgroundRepeat);
Syntaxe
Retourner la propriété backgroundRepeat :
object.style.backgroundRepeat
Définir la propriété backgroundRepeat :
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Valeur de l'attribut
Valeur | Description |
---|---|
repeat | L'image de fond se répète verticalement et horizontalement. Par défaut. |
repeat-x | L'image de fond ne se répète que horizontalement. |
repeat-y | L'image de fond ne se répète que verticalement. |
no-repeat | L'image de fond ne se répète pas. |
initial | Réinitialise cette propriété à sa valeur par défaut. Voir initial. |
inherit | Inherits cette propriété de son élément parent. Voir inherit. |
Détails techniques
Valeur par défaut : | repeat |
---|---|
Valeur de retour : | Chaîne, indiquant comment l'image de fond se répète. |
Version CSS : | CSS1 |
Support du navigateur
backgroundRepeat
C'est une caractéristique CSS1 (1996).
Tous les navigateurs le supportent pleinement :
Chrome | Edge | Firefox | Safari | Opéra | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opéra | IE |
Support | Support | Support | Support | Support | Support |
- Page précédente backgroundPosition
- Page suivante backgroundClip
- Retour au niveau supérieur Objet Style HTML DOM