List-style

List-style

CSS vlastnost list-style m∙╛e urΦovat v╣echny vlastnosti odrß╛ek nebo Φφslovßnφ najednou.

list-style
hodnoty vlastnosti odrß╛ek
typ pozice obrßzek v tomto po°adφ se mohou zapsat vlastnosti odrß╛ek

Jednß se o ·sporn∞j╣φ formu zßpisu vzhledu odrß╛ek a Φφslovßnφ (v∞t╣inou tagu <li>).

Podpora

Podpora vlastnosti list-style
Prohlφ╛eΦ Podpora ve verzφch Poznßmka

Internet Explorer

4, 5, 5.5, 6  
Mozilla (Netscape 6+) v╣echny verze  
Opera 4, 5, 6, 7  
Konqueror ano  
IE 5 / Mac ano  
Netscape Navigator 4 ne  

P°φklady

V╣echny odrß╛ky na strßnce se dajφ najednou ovlivnit stylopisem:

<style>
ul li {list-style: square outside url("odrazka.gif")}
ol li {list-style: lower-alpha outside none}
</style>

neΦφslovanΘ seznamy (tagy <li> uvnit° tag∙ <ul>) budou s grafickou odrß╛kou odrazka.gif. ╚φslovanΘ seznamy (tagy <li> uvnit° tagu <ol>) budou mal²mi pφsmeny a. b. c. (lower-alpha) a bez grafickΘ odrß╛ky. Pokud bude mφt prohlφ╛eΦ vypnutΘ obrßzky, zobrazφ se odrß╛ky jako ΦtvereΦek (square).

V praxi by bylo asi p°ehledn∞j╣φ tyto zßpisy ud∞lat pomocφ vlastnostφ list-style-image a list-style-type.

Dal╣φ p°φklady se vztahem k odrß╛kßm

Barvenφ a odsazenφ ΦφslφΦka nebo odrß╛ky seznamu

Vizte tΘ╛

List-style-image = obrßzkovß odrß╛ka, List-style-position = umφst∞nφ odrß╛ky nebo Φφsla, List-style-type = druh odrß╛ky, Margin = okraje, Display = zp∙sob zobrazenφ prvku (mimo jinΘ jako polo╛ka seznamu), Seznamy v HTML (odrß╛ky a Φφslovßnφ)

o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek

Pφ╣e Yuh∙, dusan@pc-slany.cz

Hledßnφ:

KaskßdovΘ styly na www.jakpsatweb.cz

Pφ╣e Yuh∙: http://dusan.pc-slany.cz, mail: dusan@pc-slany.cz

Poslednφ aktualizace 10.12.2003