Définition de background-position
La propriété de feuille de style css background-position permet de gérer la position de l'affichage de l'image d'arrière plan (image de fond).
Exemple de code :
.identifiant{
background-position:10px 20px;
}
.identifiant{
background-position:left center;
}
La feuille de style css background-position peut prendre la valeur de :
- numerique (1px 1px) première valeur correspond à sa position sur l'axe X et la seconde correspond à sa position sur l'axe Y. X et Y peuvent être en % ou Pixel.
- top left ou left top , '0% 0%'.
- top
- top center, ou center top , '50% 0%'.
- right top ou top right , '100% 0%'.
- left
- left center, ou center left , '0% 50%'.
- center ou center center , '50% 50%'.
- right
- right center, ou center right , '100% 50%'.
- bottom left ou left bottom , '0% 100%'.
- bottom
- bottom center, ou center bottom, '50% 100%'.
- bottom right ou right bottom , '100% 100%'.
- inherit, l'arrière plan ou fond hérite de la valeur du background-position de son parent.
Application de background-position
La propriété de feuille de style css background-position est applicable sur toutes les balises HTML ou XHTML ayant une image de fond.
La feuille de style ou css background-position n'a pas d'équivalent en HTML ou XHTML.
Problèmes de background-position
La propriété de feuille de style css background-position n'est pas reconnue par tous les navigateurs (anciens).