Mieszane atrybuty tła

Dane w pigułce
Zastosowanie	łączy różne atrybuty tła
Dziedziczenie	tak
Wartości	różne wartości
Wartość domyślna	wartości domyślne składowych
Przykład	background: url(obrazki/obrazek.gif) no-repeat center top;
Uwagi
Odpowiednik w HTML	brak

Aby zdefiniować mieszane atrybuty tła, należy wpisać w definicji stylu background : wartości

Najwygodniejszym sposobem definiowania tła jest oczywiście wykorzystanie tzw. definicji mieszanej, w której nie powtarza się całego zestawu "zaklęć" background-repeat, background-position itd. Wykorzystujemy tu polecenie:

background: kolejne wartości

Na przykład, polecenie dla komórki tabeli:

<td style="background: url('obrazek') no-repeat bottom right">

spowoduje, że w komórce pokaże się dany obrazek (url), nie będzie się powtarzał (no-repeat) i będzie umieszczony w dolnym prawym rogu (bottom right).

Strona z pojedynczym obrazkiem jako tłem ma mieszaną definicję:

body {background: url(pcq.gif) fixed no-repeat center}

Dzięki takiej definicji strona ma tło w postaci pojedynczego (no-repeat) obrazka (url), który jest umieszczony na środku ekranu i nie porusza się (center fixed).

Interpretacja: Internet Explorer, Mozilla, Opera