Spis alfabetyczny stylów CSS.
Właściwość background-position ustawia początkową pozycję obrazu tła względem krawędzi obszaru pozycjonowania.
Top: domyślnie obraz tła jest umieszczany w lewym górnym rogu elementu i powtarzany zarówno w pionie, jak i w poziomie.
| Wartość | Opis |
| left top left center left bottom right top right center right bottom center top center center center bottom |
Jeśli określisz tylko jedno słowo, drugą wartością będzie center. |
| x% y% | Pierwsza wartość to pozycja pozioma, a druga wartość to pozycja pionowa. Lewy górny róg to 0% 0%. Prawy dolny róg to 100% 100%. Jeśli określisz tylko jedną wartość, druga wartość będzie wynosić 50%. Wartość domyślna to: 0% 0%. |
| xpos ypos | Pierwsza wartość to pozycja pozioma, a druga wartość to pozycja pionowa. W lewym górnym rogu jest 0 0. Jednostkami mogą być piksele (0px 0px) lub dowolne inne jednostki CSS. Jeśli określisz tylko jedną wartość, druga wartość będzie wynosić 50%. Możesz mieszać % i pozycje. |
| initial | Ustawia tę właściwość na jej wartość domyślną. |
| inherit | Dziedziczy tę właściwość z elementu nadrzędnego. |
background-position: wartość;
Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.
| Właściwość |  |
 |
 |
 |
 |
| background-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Kliknij wartości właściwości poniżej, aby zobaczyć wynik.
div {
background-image:url('/images/kurs-style-css/sample.jpg');
background-repeat:no-repeat;
background-position:left top;
}
background-position: center;
background-position: center top;
background-position: bottom left;
background-position: 40% 40%;
background-position: 40px 200px;
Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.
Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.
Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Marynarska 54, 59-220 Legnica,, dolnośląskie, Polska,
tel.: +48 780 060 995,
pon. - czw. 8:00 - 16:00