Accueil    CSS    Propriété Background-repeat
 



style css background-repeat  Style CSS background-repeat

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété background-repeat détermine si l'image définie en arrière plan d'un élément doit être répétée au sein de celui-ci. Il est possible de spécifier une duplication horizontale (repeat-x) et / ou verticale (repeat-y) qui peut être utile pour par exemple répéter un motif de petite taille destiné à s'afficher sur une surface conséquente comme un dégradé par exemple. Celà permet entre autre de limiter la taille des images.



Propriétés pour le style background-repeat :




Propriété Définition Valeurs CSS
background-repeat Indique si l'image utilisée comme arrière plan doit être dupliquée sur toute la surface de l'élément, ce qui est le comportement par défaut no-repeat
repeat-x
repeat-y
CSS 1


Exemple d'utilisation du style css background-repeat :





<div style="width:400px; height:120px; border:solid 1px black;
   background-image:url(exemples/exemple-css-image.png);
  background-repeat:repeat-y; background-position:left top;">
   Image avec duplication verticale
</div>

<div style="width:400px; height:120px; border:solid 1px black;
   background-image:url(exemples/exemple-css-degrade.png);
  background-repeat:repeat-x; background-position:left top;">
   Alignement horizontal gauche
   Alignement vertical haut
</div>





Image avec duplication verticale

Degradé avec duplication horizontale