4.4.6. Loendid

HTMLi pakutavatele võimalustele loendite tegemiseks (vt. 3.4.5) lisab CSS veel mõned. Järgnevalt mõned olulisemad.

list-style-type - täiendab oluliselt HTMLi loendimärgivalikut, lisades juurde ka näiteks jaapani, armeenia ja gruusia keelele vastavad märkimisviisid. Siinkohal vaid mõned levinumad näited:

• none - puudub
• disc - seest täis ring
• circle - seest tühi ring
• square - ruut
• decimal - araabia number
• decimal-leading-zero - juhtnulliga araabia number (01, 02, 03 jne)
• lower-roman - väike rooma number (i, ii, iii, iv, v, jne.)
• upper-roman - suur rooma number (I, II, III, IV, V, jne)
• lower-alpha - väiketäht
• upper-alpha - suurtäht
• lower-greek - kreeka väiketäht
• lower-latin - ladina väiketäht (rangelt ladina tähestik, täpitähti jne pole)
• upper-latin - ladina suurtäht

Näide:

ul
{
list-style-type: circle
}

list-style-image - võimaldab defineerida graafilise loenditähise (sisuliselt pildi). Võimalikud variandid:

• none - puudub
• pildi_aadress - loenduselemendina kasutatava pildi URL

Näide:

ul
{
list-style-image: url(jubin.gif);
list-style-type: circle
}

NB! Kuna graafika võib olla eri põhjustel kättesaamatu, tuleb alati lisada varuvariandina ka list-style-type-element!

em>list-style-position - määrab, kas loend on taandega või ilma (s.t. ümbritsevast tekstist paremale nihutatud). Võimalikud variandid:

• inside - taandega
• outside - ilma taandeta

Näide

ol
{
list-style-position: inside
}

2003-2025 Kaido Kikkas.
Käesoleva dokumendi paljundamine, edasiandmine ja/või muutmine on
sätestatud GNU Vaba Dokumentatsiooni Litsentsiga (versioon 1.2 või uuem).
Litsentsi ingliskeelne täistekst