Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Formularze

Mieszane atrybuty tła

Email Drukuj PDF

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

 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 766
Artykułów : 513
Zakładki : 28
Odsłon : 17058571