background-repeat CSS propriété

Définition de la CSS background-repeat.

La propriété d'Arrière-plan CSS background-repeat permet de gérer la répétition horizontale ou/et verticale des ou de l'image d'arrière-plan. La répétition de l'image d'arrière-plan se fait par rapport à sa position initiale spécifiée par la propriété Css background-position. L'image de fond est déclarée avec la propriété CSS background-image ou background.

Exemple de syntaxe CSS background-repeat :

background-repeat : repeat-y;
background-repeat : repeat-x;
background-repeat : no-repeat;
background-repeat : repeat;

La propriété de feuille de style background-repeat CSS peut prendre une/des valeurs de répétition suivante :

repeat : l'image en arrière plan se répète horizontalement et verticalement, valeur par défaut.
repeat-x : l'image de fond se répète horizontalement seulement.
repeat-y : l'image en arrière plan se répète verticalement seulement.
no-repeat : l'image de fond ne se répète pas.
inherit : hérite de la propriété CSS background-repeat de son parent (CSS2).

Exemple de code background-repeat CSS

Conditions d'application de la CSS background-repeat.

La propriété CSS background-repeat est applicable sur toutes les balises HTML ou XHTML ayant une image d'arrière plan (image de fond).
La propriété de feuille de style background-repeat CSS n'a pas d'équivalent en HTML ou XHTML.

La valeur de la CSS background-repeat peut être mise directement dans la propriété de raccourci CSS background.

Héritage des valeurs Css de background-repeat.

La répétition de l'arrière-plan n'est pas héritée de la propriété background-repeat CSS de l'élément parent.

Problème d'interprétation de background-repeat en Css.

La propriété CSS background-repeat ne pose pas de problème.

Evolutions de la syntaxe CSS de background-repeat.

En CSS3 les fonds multiples ont été introduits, la propriété CSS background-repeat CSS, accepte de prendre plusieurs valeurs séparées par une virgule.

Règles de syntaxes CSS pour background-repeat.

Règles relatives aux arrière-plans multiples

Depuis Css3, dans le cadre des images d'arrière-plans multiples, vous pouvez pour chaque image déclarée dans background-image spécifier la répétition dans background-repeat.
Chaque répétition doit être séparée par une virgule (,).

Exemples schématiques d'une assignation de répétition d'images d'arrière plan :

background-image : declaration-image-1, declaration-image-2, declaration-image-3, declaration-image-4;
background-repeat : repetition-declaration-image-1, repetition-declaration-image-2, repetition-declaration-image-3, repetition-declaration-image-4;

Compatibilités navigateurs de la propriété background-repeat

Détails des versions de la CSS background-repeat: Propriété background-repeat est compatible avec CSS1 et plus.; Propriété background-repeat est compatible avec CSS2 et plus.; Propriété background-repeat est compatible avec CSS3 et plus.

Résumé du support navigateurs de la CSS background-repeat: Propriété CSS background-repeat est compatible à partir de Chrome 1; Propriété CSS background-repeat est compatible à partir de Firefox 1; Propriété CSS background-repeat est compatible à partir de Internet Explorer 6; Propriété CSS background-repeat est compatible à partir de Opera 3.5; Propriété CSS background-repeat est compatible à partir de Safari 1

Votre avis sur la définition background-repeat en CSS

Votez pour la définition CSS `background-repeat`

Votes: 4.2 / 5 - 31 votes
Cliquez sur une étoile pour voter.