Właściwość tła CSS

❮ Poprzedni Pełne odniesienie CSS Dalej _

Przykład

Ustaw różne właściwości tła w jednej deklaracji:

body {
background: lightblue url("img_tree.gif") no-repeat fixed center;
}

Definicja i użycie

Właściwość backgroundjest skróconą własnością dla:

Nie ma znaczenia, czy brakuje jednej z powyższych wartości, np. background:#ff0000 url(smiley.gif); jest dozwolone.

Domyślna wartość:	zobacz poszczególne nieruchomości
Dziedziczny:	nie
Animowalny:	tak, zobacz poszczególne właściwości . Przeczytaj o animacji
Wersja:	CSS1 + nowe właściwości w CSS3
Składnia JavaScript:	object .style.background="czerwony url(smiley.gif) u góry po lewej bez powtórzeń"

Obsługa przeglądarki

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

Property
background	1.0	4.0	1.0	1.0	3.5

Uwaga: zobacz obsługę poszczególnych przeglądarek dla każdej wartości poniżej.

Składnia CSS

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Uwaga: Jeśli jedną z właściwości w skróconej deklaracji jest właściwość bg-size, należy użyć / (ukośnika), aby oddzielić ją od właściwości bg-position, np. background:url(smiley.gif) 10px 20px/50px 50px ; da obraz tła umieszczony 10 pikseli od lewej, 20 pikseli od góry, a rozmiar obrazu będzie miał 50 pikseli szerokości i 50 pikseli wysokości.

Uwaga: Jeśli używasz wielu źródeł obrazu tła, ale chcesz mieć również kolor tła, parametr koloru tła musi znajdować się na końcu listy.

Wartości nieruchomości

Value	Description	CSS
background-color	Specifies the background color to be used	1
background-image	Specifies ONE or MORE background images to be used	1
background-position	Specifies the position of the background images	1
background-size	Specifies the size of the background images	3
background-repeat	Specifies how to repeat the background images	1
background-origin	Specifies the positioning area of the background images	3
background-clip	Specifies the painting area of the background images	3
background-attachment	Specifies whether the background images are fixed or scrolls with the rest of the page	1
initial	Sets this property to its default value. Read about initial	3
inherit	Inherits this property from its parent element. Read about inherit	2

Powiązane strony

Samouczek CSS: Tło CSS , Tło CSS (zaawansowane)

Dokumentacja HTML DOM: właściwość tła