Listeleme Özellikleri

Liste özellikleri listelerin genel görsel biçimi ayarlamamızı sağlar. Listeleme amaçlı kullanılsa da menü yapımında sıkça kullanılmaktadır.

• Liste imleyici tipi (list-style-type )

• Liste imleyici resmi (list-style-image)

• Liste imleyici konumu (list-style-position)

 Liste biçemi (list-style)

Liste imleyici tipi (list-style-type )

list-style-type özelliği list-item işaretinin tipini belirler. list-style-images özelliği none değeri aldığında veya resim görüntülenemediğinde kullanılır.

Şekiller disc (içi dolu daire), circle (içi bos daire) ve square (kare) değerleriyle belirtilirler. Şekillerin yorumlanışı kullanıcı ara yüzüne bağlıdır.

Yapısı: list-style-type: <değer>

Aldığı Değerler: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

Numaralama sistemleri:

decimal: Onluk tabandaki sayılar 1'den baslar.

decimal-leading-zero: Önlerine sıfır konmus onluk tabandaki sayılar (01, 02, 03, ..., 98, 99 gibi).

lower-roman: Küçük harflerle romen rakamları (i, ii, iii, iv, v, vs.).

upper-roman: Büyük harflerle romen rakamları (I, II, III, IV, V, vs.).

hebrew: Geleneksel branice numaralama (Alef, Bet, ... Tet Vav, Tet

Zayin, ... Yod Tet, Kaf ...).

georgian: Geleneksel Gürcüce numaralama (an, ban, gan, ..., he, tan, in, in-an, ...).

armenian: Geleneksel Ermenice numaralama.

cjk-ideographic: Düz sembolik (Çince/Japonca) numaralama

hiragana: a, i, u, e, o, ka, ki, ...

katakana: A, I, U, E, O, KA, KI, ...

hiragana-iroha: i, ro, ha, ni, ho, he, to, ...

katakana-iroha: I, RO, HA, NI, HO, HE, TO, ...

ul{list-style-type: none}

ol{

list-style-type: lower-roman /* i ii iii iv v gibi. */

}

Liste imleyici resmi (list-style-image)

list-style-image özelliği list-style işaretinin yerine resim koymak için kullanılır.

ul{

list-style-image: url(liste.gif);

}