Cette propriété définit l'ensemble des caractéristiques précitées, c'est-à-dire dans l'ordre : la couleur, l'image de fond, le mode de répétition, le défilement de l'image et son positionnement dans un bloc contenant. Toutes les valeurs doivent être séparées par un espace blanc et aucun ordre est imposé.

Exemple
background
Valeur
background-color
background-image
background-repeat
background-attachment
background-position
Valeur par défaut non définie
Domaine d'application Tous les éléments contenants
et à positionner
Pourcentage En référence au positionnement
Héritage non
Media visuel
Valeur
possible
Action Exemple
Couleur Une couleur s'applique dans le fond de l'élément. p {background: blue}
Image,
fixe,
position
L'élément se positionne par rapport à des valeurs fixes. body {
background:
url(image.png)
fixed
left
}
Couleur,
Image,
Répétition,
Défilement,
Position
Au-dessu d'un fond de couleur, une image se répète horizontalement, défile avec le contenu et se positionne au centre. table {
background:
rgb(255, 255, 0)
url(../image.gif)
repeat-x
scroll
center
}
Position,
Image,
Défilement,
Répétition
Une image se positionne en haut et au centre, ne défile pas et n'est pas répétée. p {
background:
50%
center
url(image.jpg)
fixed
no-repeat
}
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5
Sommaire