La propriété background-repeat permet de répéter une image de fond aussi bien horizontalement que verticalement. Dans la section précédente sur la propriété background-image, l'image se répéter indéfiniment (vericalement ou horizontalement). Si vous souhaitez, répéter cette image que horizontalement, il faudra utiliser la propriété background-repeat avec comme valeur repeat-x ou repeat-y (verticalement). Par contre, si vous ne voulez pas que cette image se répéte utiliser la valeur no-repeat. Cette propriété se déclare dans la balise body. Bien entendu, vous devez avoir une balise background-image avant pour répéter ou non cette image.
Exemple : le code css
|
body { background-image:"../toto.jpg"; /* Choisissez entre les 3 possibilités */ background-repeat:repeat-x background-repeat:repeat-y background-repeat:no-repeat } |
Exemple : le html associé au css
|
<body> </body> |