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é.
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 } |
Windows | Macintosh | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
NE4 | NE6 | NE7 | IE5 | IE55 | IE6 | OP5 | OP6 | OP7 | NE4 | NE6 | NE7 | IE4 | IE5 |