CSS3 background-size Property

Określ rozmiar obrazu tła:

div {
    background: url(img_flwr.gif);
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Właściwość background-size określa wielkość obrazów tła.

Domyślna wartość:	auto
Dziedziczny:	no
Animatable:	yes. Read about animatable Try it
Wersja:	CSS3
Składnia JavaScript:	object .style.backgroundSize="60px 120px" Try it

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Liczby następnie -webkit-, -moz- lub -o- określić pierwszą wersję, która pracowała z prefiksem.

Nieruchomość
background-size	4,0 1,0 -webkit-	9,0	4,0 3,6 -moz-	4,1 3,0 -webkit-	10,5 10,0 -o-

Wartość	Opis	Graj
auto	Domyślna wartość. W tle, obraz zawiera jego szerokość i wysokość	Graj "
length	Ustawia szerokość i wysokość obrazu tła. Pierwsza wartość ustawia szerokość, druga wartość ustawia wysokość. Jeśli tylko jedna wartość jest podana, drugi jest ustawiony na "auto"	Graj "
percentage	Ustawia szerokość i wysokość obrazu tła w procentach elementu nadrzędnego. Pierwsza wartość ustawia szerokość, druga wartość ustawia wysokość. Jeśli tylko jedna wartość jest podana, drugi jest ustawiony na "auto"	Graj "
cover	Przeskalować obraz tła, aby być tak duży, jak to możliwe, że obszar tła jest całkowicie pokryte przez obraz tła. Niektóre części obrazu tła nie może być w widoku w obszarze pozycjonowania tle	Graj "
contain	Skalowanie obrazu do największego rozmiaru tak, że zarówno jego szerokości, a jego wysokość może się zmieścić wewnątrz obszaru zawartości	Graj "
initial	Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej	Graj "
inherit	Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą