Opis

background-position ustala pozycję wyjściową obrazu tła.

Domyślnie obraz tła jest umieszczany w lewym górnym rogu elementu i powtarzany zarówno pionowo, jak i poziomo.

Zobacz też: background

Przykład
ZAWARTOŚĆ
Kod:
Wartości

background-position: wartość;

WartośćOpis
x% y%
0% 0%
Domyślna wartość to 0% 0%. Pierwsza wartość to pozycja pozioma, druga - pionowa. Lewy górny róg to 0% 0%, prawy dolny to 100% 100%. Jeśli podasz tylko jedną wartość, druga wartość wyniesie 50%.
xpos ypos
10px 30px
Pierwsza wartość to pozycja pozioma, a druga - pionowa. Lewy górny róg to 0 0. Jednostkami mogą być piksele (0px 0px) lub dowolne inne jednostki CSS. Jeśli podasz tylko jedną wartość, druga wartość wyniesie 50%. Można mieszać '%' i 'pos'.
left top center top right top
left center center center right center
left bottom center bottom right bottom
Jeśli podasz tylko jedno słowo kluczowe, drugą wartością będzie „center”
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: 0% 0%
Dziedziczenie:
Animowalność:
JavaScript: object.style.backgroundPosition