Exemplu
Schimbați poziția unui fundal imagine:
document.body.style.backgroundPosition = "top right"; Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Seturile de proprietate backgroundPosition sau returnează poziția unui fundal imagine într-un element.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Sintaxă
Întoarcere proprietatea backgroundPosition:
object .style.backgroundPosition
Setați proprietatea backgroundPosition:
object .style.backgroundPosition= value Valori de proprietate
| Valoare | Descriere |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right | Dacă specificați doar un singur cuvânt cheie, cealaltă valoare va fi "center" . |
| x% y% | Valoarea x indică poziția orizontală, iar valoarea y indică poziția verticală. Colțul din stânga sus este de 0% 0%. Colțul din dreapta jos este de 100% la 100%. Dacă specificați doar o singură valoare, cealaltă valoare va fi de 50%. |
| xpos ypos | Valoarea x indică poziția orizontală, iar valoarea y indică poziția verticală. Colțul din stânga sus este 0 0. Unitățile pot fi pixeli (0px 0px) sau orice alte unități CSS. Dacă specificați doar o singură valoare, cealaltă valoare va fi de 50%. Puteți amesteca% și unități |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | 0% 0% |
|---|---|
| Întoarcere Valoare: | Un șir, care reprezintă poziția unui background-image |
| CSS Versiune | CSS1 |
Mai multe exemple
Exemplu
Schimbați poziția fundalului imaginii într - un <div> element de fund centru:
document.getElementById("myDiv").style.backgroundPosition = "center bottom"; Încearcă - l singur » Exemplu
Schimbați poziția fundalului imaginii într - un <div> element 200px orizontală și verticală 40px:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Încearcă - l singur » Exemplu
Întoarcere poziția fundalului imaginii într - un <div> Element:
document.getElementById("myDiv").style.backgroundPosition;
Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Context
Referință CSS: background-image property
Referință CSS: background-position property
HTML DOM de referință: background property de background property
<Style Object