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 |