Przykład
Zmień pozycję background-image:
document.body.style.backgroundPosition = "top right";
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zestawy własności backgroundPosition lub zwraca pozycję tle wizerunku wewnątrz elementu.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
backgroundPosition | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
Składnia
Zwraca właściwość backgroundPosition:
object .style.backgroundPosition
Ustaw właściwość backgroundPosition:
object .style.backgroundPosition= value
wartości nieruchomości
Wartość | Opis |
---|---|
top left top center top right center left center center center right bottom left bottom center bottom right | Jeśli tylko podać jedno słowo kluczowe, a druga wartość będzie "center" . |
x% y% | Wartość x oznacza pozycję w poziomie i wartość Y oznacza pozycję pionową. W lewym górnym rogu jest 0% 0%. W prawym dolnym rogu jest 100% 100%. Jeśli tylko podać jedną wartość, druga wartość będzie wynosić 50%. |
xpos ypos | Wartość x oznacza pozycję w poziomie i wartość Y oznacza pozycję pionową. W lewym górnym rogu znajduje się 0 0. Jednostki mogą być pikseli (0px 0px) lub jakiekolwiek inne jednostki CSS. Jeśli tylko podać jedną wartość, druga wartość będzie wynosić 50%. Można mieszać% i jednostki |
initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
Domyślna wartość: | 0% 0% |
---|---|
Zwracana wartość: | Ciąg reprezentujący pozycję background-image |
Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Zmienić pozycję tle wizerunku w <div> elementu do środkowego dołu:
document.getElementById("myDiv").style.backgroundPosition = "center bottom";
Spróbuj sam " Przykład
Zmienić pozycję tle wizerunku w <div> elementu do 200px poziomej i pionowej 40 pikseli:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Spróbuj sam " Przykład
Zwraca pozycję background-image w <div> element:
document.getElementById("myDiv").style.backgroundPosition;
Spróbuj sam " Podobne strony
Kurs CSS: CSS Tło
Odniesienie CSS: background-image property
Odniesienie CSS: background-position property
Odniesienia HTML DOM: background property
<Style obiektu