|
Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier
ostatnia modyfikacja: 2002.06.10 wersja kursu: 1.1
|
[0-9]
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
[główne menu] -
[elementy HTML] -
[atrybuty HTML] -
[style CSS] -
[artykuły]
tabele
listy
formularze
multimedia
el. strukturalne
el. blokowe
el. liniowe
background
Styl definiuje właściwości tła. Za pomocą tego jednego polecenia można ustalić wszystkie, następujące właściwości tła:
background-color,
background-image,
background-repeat,
background-attachment,
background-position. Jedno polecenie zamiast kilku jest po prostu wygodne w stosowaniu. Kolejność podawanych wartości nie ma znaczenia. Można podać wszystkie wartości poniższych styli lub tylko niektóre z nich.
Wartości:
- background-color - CSS1 / IE3, N4, O3.5
- kolor tła, np. background:white;
- background-image - CSS1 / IE3, N4, O3.5
- grafika tła, np. background:url(tlo.gif);
- background-repeat - CSS1 / IE3, N4, O3.5
- powtórzenie tła, np. background:repeat;
- background-attachment - CSS1 / IE3, N6, O3.5
- przewijanie tła, np. background:fixed;
- background-position - CSS1 / IE3, N6, O3.5
- pozycja tła, np. background:center top;
- inherit - CSS2 / N6
- przejęcie wartości "rodzica", np. background:inherit;
Pozostałe cechy:
CSS/przeglądarki: CSS1 / IE4, N4, O3.5
odpowiedniki HTML: bgcolor, background
Przykładowe zastosowania:
Przykład 1:
<TABLE border="0" style="background: url(../p/sm.gif) repeat blue;">
<TR><TD width=300 height=50>
<p>
</TD></TR></TABLE>
Przykład 2:
<STYLE TYPE="text/css"><!--
BODY {background: url(../p/tlo.gif) repeat white fixed;}
TABLE {background: url(../p/tlotabel.gif) yellow top center;}
--></STYLE>
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!
|