35.

Stiliziranje oznak v seznamu


Pri neoštevilčenih seznamih diski (•), v oštevilčenih seznamih pa številke.

CSS omogoča, da pri neoštevilčenih seznamih namesto diskov disc uporabljamo tudi kroge circle (○) in kvadrate square (■).

Spodnja koda CSS namesto diskov uporablja kvadrate.

ul {
list-style-type: square;
}


Namesto oznake lahko uporabljamo tudi slike. Naslednji primer ustvari neoštevilčen seznam, ki za označevanje uporablja slike.

ul {
list-style-image: url(“slika.png”);
}


Praviloma slik ne uporabljamo kot oznake v seznamu, saj mora biti slika ustrezne velikosti, da se prilega besedilu. Če uporabnik spletno stran poveča ali pomanjša, brskalnik slike ne prilagodi, kot to naredi z diski, krogi in kvadrati.

Za oštevilčene sezname se največkrat uporabljajo številke (1,2,3 ...).

Mogoče so tudi naslednje možnosti:
decimal-leading-zero (01, 02, 03 ...)
lower-alpha (a, b, c ...)
upper-alpha (A, B, C ...)
lower-roman (i, ii, iii ...)
upper-roman (I, II, III ...).

Primer kode CSS za označevanje elementov seznama z oznakami i, ii, iii … (lower-roman) :

ol {
list-style-type: lower-roman;
}