Pełny kurs HTML, XHTML i CSS z przykładami. Kompendium wiedzy każdego webmastera.













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

list-style

Styl definiuje właściwości listy. Za pomocą tego jednego polecenia można ustalić wszystkie, następujące właściwości listy:
list-style-image,
list-style-position,
list-style-type.
Jedno polecenie zamiast kilku jest po prostu wygodne w stosowaniu. Kolejność podawanych wartości ma znaczenie.

Wartości:

• list-style-image - CSS1 / IE4, N6, O3.5
definiuje obrazek zamiast wypunktowania, np. list-style:url(grafika.gif);
• list-style-position - CSS1 / IE4, N6, O3.5
pozycja znaku wypunktowania, np. list-style:inside;
• list-style-type - CSS1 / IE4, N4, O3.5
typ listy, np. list-style:circle;
• inherit - CSS2 / N6
przejęcie wartości "rodzica", np. list-style:inherit;

Pozostałe cechy:

• CSS/przeglądarki: CSS1 / IE4, N4, O3.5
• odpowiednik HTML: type

Przykładowe zastosowania:

• Przykład 1:

<UL style="list-style: circle url(../p/sm.gif) inside;">
<LI> pierwszy element listy
<LI> drugi element listy
<LI> trzeci element listy
</UL>


pierwszy element listy
drugi element listy
trzeci element listy



• Przykład 2:

<STYLE TYPE="text/css"><!--
UL {list-style: circle url(../p/sm.gif) inside;}
--></STYLE>


• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!