Exemple
Définir un background-image pour no-repeat:
document.body.style.backgroundRepeat = "repeat-y"; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriétés backgroundRepeat ou rendements comment répéter (tile) un background-image.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Retour la propriété backgroundRepeat:
object .style.backgroundRepeat
Définissez la propriété backgroundRepeat:
object .style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| repeat | L'image de fond est répété à la fois verticalement et horizontalement. Ce défaut est |
| repeat-x | L'image de fond est seulement répétée horizontalement |
| repeat-y | L'image de fond est seulement répétée verticalement |
| no-repeat | L'arrière-plan image ne se répète pas |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | répéter |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la façon dont un arrière-plan d'image est répétée |
| version CSS | CSS1 |
autres exemples
Exemple
Modifiez la propriété backgroundRepeat d'un élément DIV spécifié:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x"; Essayez vous - même » Exemple
Définir un arrière-plan d'image pour répéter horizontalement ou verticalement:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
} Essayez vous - même » Exemple
Renvoie la valeur background-repeat d'un document:
alert(document.body.style.backgroundRepeat); Essayez vous - même » Pages associées
Tutoriel CSS: Contexte CSS
Référence CSS: la background-position property
Référence CSS: background-repeat property
Référence HTML DOM: background property
<Style objet