CSS background-repeatPropriété
Exemple
Répéter l'image d'arrière-plan uniquement dans la direction verticale :
Essayez-le vous-même »
Définition de la balise et instructions d'utilisation
Définit comment la propriété background-image d'un objet est répétée.
Par défaut, l'image d'arrière-plan est répétée verticalement et horizontalement.
| Valeur par défaut : | repeat |
|---|---|
| Héritée : | non |
| version : | CSS1 |
| Syntaxe JavaScript : | objet object.style.backgroundRepeat="repeat-y" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.
Le nombre précédant immédiatement -webkit-, -ms- ou -moz- spécifie la première version du navigateur qui prend en charge la propriété préfixée.
<| Propriété | |||||
|---|---|---|---|---|---|
| background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
IE8 et les navigateurs plus anciens ne prennent pas en charge plusieurs images d'arrière-plan sur un seul élément.
RemarqueIE7 et les versions antérieures ne prennent pas en charge la valeur "inherit". IE8 nécessite une déclaration !DOCTYPE. IE9 prend en charge "inherit".
Conseils et notes
Astuce :La propriété background-position définit la position de l'image d'arrière-plan. Si aucune position n'est spécifiée, l'image est toujours placée dans le coin supérieur gauche de l'élément.
Valeur de la propriété
| Valeur | Description |
|---|---|
| repeat | L'image d'arrière-plan sera répétée verticalement et horizontalement. C'est la valeur par défaut. |
| repeat-x | Seule la position horizontale répète l'image d'arrière-plan |
| repeat-y | Seule la position verticale répète l'image d'arrière-plan |
| no-repeat | background-image ne se répétera pas |
| inherit | Spécifie que la propriété background-repeat doit être héritée de l'élément parent. |
Exemples en ligne
Comment répéter une image d'arrière-plan verticalement et horizontalement ?
Cet exemple montre comment répéter l'image d'arrière-plan à la fois verticalement et horizontalement.
Comment répéter une image d'arrière-plan uniquement horizontalement
Cet exemple montre comment répéter l'image d'arrière-plan uniquement horizontalement.
Cet exemple montre comment afficher une image d'arrière-plan une seule fois sans la répéter.
Articles connexes
Tutoriel CSS :Arrière-plan CSS
Manuel de référence CSS :Propriété background-position
autres extensions