e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

list-style-type

Lastnost list-style-type določa obliko simbolov pred elementi seznama.

Lastnost list-style-type ima nižjo veljavo kot list-style-image. Če je vrednost list-style-image nastavljena na vrednost none ali pa je določena slikovna oznaka, določena z URI nedosegljiva, se lahko uveljavi list-style-type.

Tukaj so trije tipi označb: oznaka, številski sistem in abecedni seznam.

Oznake so določene z diskom, krogom in kvadratom.

vrednostopisNNIECSS
decimalDecimalna števila, ki se začnejo z 1.
decimal-leading-zeroDecimalna števila, ki imajo vodilno ničlo (01, 02, 03, ..., 10, 11, itd.).441
lower-romanMale rimske številke (i, ii, iii, iv, v, itd.).441
upper-romanVelike rimske številke (I, II, III, IV, V, itd.).
lower-alphaMale črke ASCII (a, b, c, ...). 441
lower-latinMale črke ASCII (a, b, c, ...z).441
upper-alphaVelike črke ASCII (A, B, C, ... Z).441
upper-latinVelike črke ASCII (A, B, C, ... Z).441

Primeri

li.square   { list-style-type: square }
ul.blank    { list-style-type: none }
ol.caps     { list-style-type: upper-alpha }      /* A B C D E ...     */
ol.numbers  { list-style-type: decimal }          /* 1 2 3 4 5 ...     */
ol.uroman   { list-style-type: upper-roman }      /* I II III IV V ... */

→ Primer seznama brez oznak
→ Primer neoštevilčega seznama
→ Primer številčenega seznama
→ Primer seznamov s črkami

SERŠ Maribor : Strokovna gimnazija : 2004 : Jan Kokalj