Les bordures, arrière-plans et images
CHAPITRE 6
93
Par exemple (illustré figure 6-3) :
Répéter l’image ou non
Par défaut, toute image d’arrière-plan se répète comme une mosaïque en emplissant
l’espace de l’élément qui la contient. La propriété background-repeat permet de
modifier ce comportement et reconnaît pour cela quatre valeurs :
• repeat : c’est la valeur et le comportement par défaut, où l’image se répète sur les
deux axes.
• no-repeat : l’image n’apparaît qu’une fois, sans répétition.
• repeat-x : l’image ne se répète que dans le sens horizontal (exemple : frise).
• repeat-y : l’image ne se répète que dans le sens vertical (exemple : bordure graphique verticale ou marge).
Par exemple :
div#global {
width: 300px;
height: 200px;
background-color: yellow;
background-image: url(dossier/fond.jpg);
background-repeat: no-repeat ;
background-position: right top;
}
Figure 6–3
Positionner une image
d’arrière-plan
body {
background-image: url(frise.jpg);
background-repeat: repeat-x;
background-position: top;
}