CSS background-repeat propriété
Exemples
Seulement vertical repeat background-image:
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
Essayez »
définitions de balises et les instructions
Comment définir l'objet de tuiles background-image propriété.
Par défaut, l'arrière-plan-image répétée verticale et les directions horizontales.
Par défaut: | répétition |
---|---|
Héritage: | aucun |
Version: | CSS1 |
Syntaxe JavaScript: | objet object.style.backgroundRepeat = "repeat-y" |
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
<Property | |||||
---|---|---|---|---|---|
background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Plusieurs images de fond dans un élément IE8 et les versions antérieures du navigateur ne supporte pas.
Notez que IE7 et les versions antérieures ne prennent pas en charge "héritent (héritée)" valeur.IE8 besoin de définir! DOCTYPE. soutien IE9 "inherit (hérité)."
Trucs et astuces
Astuce: la propriété background-positionpour définir la position de l' image d'arrière - plan. Si l'emplacement spécifié sans aucune arrière-plan, les images sont toujours placés dans le coin supérieur gauche de l'élément.
Valeur de la propriété
valeur | explication |
---|---|
répétition | Image de fond va répéter les directions verticales et horizontales. Ceci est la valeur par défaut |
repeat-x | Seule la position horizontale de l'image d'arrière-plan se répétera |
repeat-y | Seule la position verticale de l'image d'arrière-plan se répétera |
no-repeat | background-image ne se répète pas |
hériter | Spécifie les paramètres d'attribut background-REPEA doivent être héritées de l'élément parent |
exemples en ligne
Comment répéter une image de fond dans des directions verticales et horizontales
Cet exemple illustre comment reproduire une image d'arrière-plan dans des directions verticales et horizontales.
Comment répéter une image de fond uniquement dans la direction horizontale ,
Cet exemple illustre comment reproduire une image d'arrière-plan seulement dans la direction horizontale.
Comment afficher l'image d'arrière - plan une seule fois
Cet exemple montre comment afficher une image de fond ne se répète pas une seule fois.
articles connexes
Tutoriel CSS: CSS Contexte
CSS Manuel de référence: la propriété background-position