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