Exemple
Changer la position d'un background-image:
document.body.style.backgroundPosition = "top right"; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriétés de backgroundPosition ou retourne la position d'un fond d'image dans un élément.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Retour la propriété backgroundPosition:
object .style.backgroundPosition
Définissez la propriété backgroundPosition:
object .style.backgroundPosition= value Valeurs de propriété
| Valeur | La description |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right | Si vous ne spécifiez un mot - clé, l'autre valeur sera "center" . |
| x% y% | La valeur de x indique la position horizontale et la valeur y indique la position verticale. Le coin supérieur gauche est 0% 0%. Le coin inférieur droit est de 100% à 100%. Si vous ne spécifiez une valeur, l'autre valeur sera de 50%. |
| xpos ypos | La valeur de x indique la position horizontale et la valeur y indique la position verticale. Le coin supérieur gauche est 0 0. Les unités peuvent être des pixels (0px 0px) ou toute autre unité CSS. Si vous ne spécifiez une valeur, l'autre valeur sera de 50%. Vous pouvez mélanger% et unités |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | 0% 0% |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la position d'un fond d'image |
| version CSS | CSS1 |
autres exemples
Exemple
Changer la position de l'arrière - plan-image dans un <div> élément en bas centre:
document.getElementById("myDiv").style.backgroundPosition = "center bottom"; Essayez vous - même » Exemple
Changer la position de l'arrière - plan d'image dans un <div> élément à 200px horizontal et vertical 40px:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Essayez vous - même » Exemple
Retourne la position de l'arrière - plan-image dans un <div> élément:
document.getElementById("myDiv").style.backgroundPosition;
Essayez vous - même » Pages associées
Tutoriel CSS: Contexte CSS
Référence CSS: background-image property
Référence CSS: la background-position property
Référence HTML DOM: background property
<Style objet