Cette propriété définit le positionnement d'un élément dans un bloc contenant.
| background-position | |
|---|---|
| Valeur | Taille Taille Pourcentage Pourcentage top ou center ou bottom et left ou center ou right |
| Valeur par défaut | 0% 0% (top left) |
| Domaine d'application | Eléments contenants et à positionner |
| Pourcentage | En référence aux dimensions de l'élément |
| Héritage | non |
| Media | visuel |
| Valeur possible |
Action | Exemple |
|---|---|---|
| Pourcentage Pourcentage | L'élément se positionne par rapport à des pourcentages. | body { background-position: 15% 15% } |
| Taille Taille | L'élément se positionne par rapport à des valeurs fixes. | img { background-position: 45px 80px } |
| En haut | L'élément se positionne en haut. | table { background-position: right center } |
| En haut et au centre | L'élément se positionne en haut et au centre. | p { background-position: right center } |
| En-bas et à gauche | L'élément se positionne en-bas et à gauche. | td { background-position: bottom left } |
| Au milieu et au centre | L'élément se positionne au milieu et au centre. | ul { background-position: center center } |
| Windows | Macintosh | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| NE4 | NE6 | NE7 | IE5 | IE55 | IE6 | OP5 | OP6 | OP7 | NE4 | NE6 | NE7 | IE4 | IE5 |