Kolor i tło

Mieszane atrybuty tła

poniedziałek, 11 styczeń 2010 03:11 Administrator
Drukuj

Tematy: kolor | kolor tła | grafika jako tło | powtarzanie tła | zaczepienie tła | pozycja tła | 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('/grafika/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, Firefox, Opera, Chrome