Cette balise définit la propriété de la façon dont l'image de fond devrait ressembler.
En fonction de cette balise peut-être répéter l'image à l'horizontale ou verticale, ou les deux directions.
Il prend l'une des valeurs suivantes.
a)repeat: Cette valeur indique à l'image d'être répétées dans les deux directions.
b)repeat-x: Cette valeur indique à l'image d'être répétées dans le sens vertical que.
c)repeat-y: cette valeur indique à l'image d'être répétés dans les directions horizontale.
d)no-repeat: Cette valeur indique que l'image de fond ne doit pas être répété.
Exemple 1:
<div style="background-image: url('test3.jpg'); background-repeat: repeat; background-color: green;"> description de la couleur <br><br><br></div>
Résultat:
description de la couleur
Exemple 2:
<div style="background-image: url('test3.jpg'); background-repeat: repeat-x; background-color: green;"> description de la couleur<br><br><br></div>
Résultat:
description de la couleur
Exemple 3:
<div style="background-image: url('test3.jpg'); background-repeat: repeat-y; background-color: green;"> description de la couleur
<br><br><br></div>
Résultat:
description de la couleur
Exemple 4:
<div style="background-image: url('test3.jpg'); background-repeat: no-repeat; background-color: green;"> description de la couleur
<br><br><br></div>
Résultat:
description de la couleur
Maintenant vous pouvez voir que l'image a été défini comme arrière-plan pour la balise div.
elon la répétition de la balise image est elle-même répété à l'intérieur de l'espace.
|