Variantes de «background» |
||
Les mots-clefs
sont en caractères gras
|
||
|
||
Propriété |
Valeur |
Description |
|
|
|
Background-color |
Couleur |
une couleur définie en hexadécimale ou par un nom |
Transparent |
|
|
|
|
|
Background-repeat |
Repeat
|
Répétition horizontale et verticale de l’image |
Repeat-x |
Répétition horizontale de l’image |
|
Repeat-y |
Répétition verticale de l’image |
|
No-Repeat |
Pas de répétition de l’image |
|
|
|
|
Background-image
|
url(nom du fichier image)
|
Image d’arrière-plan |
|
|
|
Background-attachment |
Scroll |
L’image défile en même temps que la page |
Fixed |
L’image de fond reste stationnaire |
|
|
|
|
Background-position
|
|
|
|
Définition avec un mot-clef de position verticale suivi d’un espace, puis d’un mot-clef de position horizonale |
|
|
Position verticale |
|
|
Top |
|
|
center |
|
|
Bottom |
|
|
Position horizontale |
|
|
Left |
|
|
center |
|
|
right |
|
|
|
|
|
Définition par les coordonnées X,Y en pixels (l’origine est en haut à gauche) |
|
|
Exemple : 10, 20… |
Coin supérieur gauche de l’image situé à 10 pixels du bord gauche et 20 pixels du haut de la page |
|
|
|
|
Définition par les coordonnées X,Y en % (l’origine est en haut à gauche) |
|
|
Exemple : 10%, 20%… |
Coin supérieur gauche de l’image situé par rapport à l’origine à une distance égale à 10% de la largeur de la fenêtre et à 20% de la hauteur de la fenêtre |