background-position | NN 6 IE 4 CSS 1 |
Hérité: non | |
Définit l'emplacement du bord gauche et du bord supérieur de l'image d'arrière-plan spécifiée à l'aide de l'attribut background-image. Cet attribut se comporte de façon irrégulière dans Internet Explorer 4 pour Macintosh. |
|
Syntaxe CSS | |
background-position: [percentage | length] {1,2} | [top | center | bottom] || [left | center | right] |
|
Valeur | |
Vous pouvez spécifier un ou deux pourcentages, chacun représentant le pourcentage de la largeur et de la hauteur (respectivement) du cadre de l'élément de bloc au niveau duquel l'image (ou les images répétées) doivent commencer. Si vous n'indiquez qu'un seul pourcentage, celui-ci s'applique à la mesure horizontale et la mesure verticale est automatiquement fixée à 50 %. Au lieu d'un pourcentage, vous pouvez spécifier une longueur (exprimée dans l'unité de mesure la mieux adaptée au support). Vous pouvez aussi combiner un pourcentage et une longueur. Au lieu des valeurs numériques, vous pouvez créer des combinaisons de valeurs prises dans les deux jeux de valeurs constantes. Sélectionnez-en une dans chaque jeu, par exemple top left, top right ou bottom center. Lorsque vous spécifiez deux valeurs, vous devez les séparer par un espace. |
|
Valeur initiale | |
0% 0% |
|
Exemple | |
div.marked {background-image: url(watermark.jpg); background-position: center top} |
|
S'applique à | |
Eléments de niveau bloc et éléments remplacés. |
|
Référence de modèle d'objet | |
[window.]document.getElementById("elementID").style.backgroundPosition
|