CSS list-style-type özelliği

Tanım ve kullanım

list-style-type özniteliği, liste öğesi işaret türünü ayarlar.

Ayrıca bakınız:

CSS eğitim:CSS 列表

CSS referans el kitabı:CSS list-style özelliği

HTML DOM referans el kitabı:listStyleType özniteliği

Örnek

Farklı liste stilleri ayarlayın:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

Deneyin

（Daha fazla örnek sayfa altında bulunabilir）

CSS dilbilgisi

list-style-type: value;

Öznitelik değeri

CSS2'nin değeri:

Değer Açıklama
none İşaret yoktur.
disc Varsayılan. İşaret dolu yuvarlıktır.
circle İşaret boş yuvarlıktır.
square İşaret dolu karedir.
decimal İşaret rakamdır.
decimal-leading-zero 0 ile başlayan rakam işareti (01, 02, 03, vb.)
lower-roman Küçük Roma rakamları (i, ii, iii, iv, v, vb.)
upper-roman Büyük harf Roma rakamları (I, II, III, IV, V, vb.)
lower-alpha Küçük harf İngilizce harfler The marker is lower-alpha (a, b, c, d, e, vb.)
upper-alpha Büyük harf İngilizce harfleriThe marker is upper-alpha (A, B, C, D, E, vb.)
lower-greek Küçük harf Yunan harfleri (alpha, beta, gamma, vb.)
lower-latin Küçük harf Latin harfleri (a, b, c, d, e, vb.)
upper-latin Büyük harf Latin harfleri (A, B, C, D, E, vb.)
hebrew Geleneksel İbranice sayım yöntemi
armenian Geleneksel Ermeni sayım yöntemi
georgian Geleneksel Gürcü sayım yöntemi (an, ban, gan, vb.)
cjk-ideographic Basit anlamlı rakamlar
hiragana İşaretler: a, i, u, e, o, ka, ki, vb. (Japonca kana)
katakana İşaretler: A, I, U, E, O, KA, KI, vb. (Japonca kana)
hiragana-iroha İşaretler: i, ro, ha, ni, ho, he, to, vb. (Japonca kana)
katakana-iroha İşaretler: I, RO, HA, NI, HO, HE, TO, vb. (Japonca kana)

CSS2.1 değerleri:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

Teknik ayrıntılar

Öntanımlı değer: disc
Mirasçılık: evet
Sürüm: CSS1
JavaScript dilbilgisi: nesne.style.listStyleType="square"

Daha fazla örnek

Sırasız listedeki farklı türdeki liste işaretleri
Bu örnek, CSS'te farklı türdeki liste maddesi işaretlerini göstermektedir.
Sıralı listedeki farklı türdeki liste maddesi işaretleri
Bu örnek, CSS'te farklı türdeki liste maddesi işaretlerini göstermektedir.
Tüm liste tarzı türleri
Bu örnek, CSS'te tüm farklı türdeki liste maddesi işaretlerini göstermektedir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5