Najnowsze tutoriale tworzenie stron internetowych
 

Style backgroundPosition Property

<Style obiektu

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