Atribut CSS list-style-type

Definisi dan penggunaan

Atribut list-style-type menetapkan tipe tanda daftar item.

Lihat juga:

Panduan CSS:Daftar CSS

Panduan CSS:Atribut CSS list-style

Panduan HTML DOM:Atribut listStyleType

Contoh

Atur gaya daftar yang berbeda:

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;}

Coba sendiri

(Bisa ditemukan lebih banyak contoh di bawah halaman)

Syntaks CSS

list-style-type: value;

Nilai atribut

Nilai CSS2:

Nilai Deskripsi
none Tidak ada tanda.
disc Default. Marker adalah lingkaran tebal.
circle Marker adalah lingkaran kosong.
square Marker adalah kotak tebal.
decimal Marker adalah angka.
decimal-leading-zero Angka yang dimulai dengan 0 untuk menandai (01, 02, 03, dll.)
lower-roman Angka Romawi Kecil (i, ii, iii, iv, v, dll.)
upper-roman Angka Romawi Besar (I, II, III, IV, V, dll.)
lower-alpha Huruf Eja Inggris yang kecil The marker is lower-alpha (a, b, c, d, e, dll.)
upper-alpha Huruf abjad Inggris besar (The marker is upper-alpha: A, B, C, D, E, dll.)
lower-greek Huruf Yunani kecil (alpha, beta, gamma, dll.)
lower-latin Huruf Latin kecil (a, b, c, d, e, dll.)
upper-latin Huruf Latin besar (A, B, C, D, E, dll.)
hebrew Terdapat cara penomoran tradisional Hebrew
armenian Terdapat cara penomoran tradisional Armenia
georgian Terdapat cara penomoran tradisional Georgia (an, ban, gan, dll.)
cjk-ideographic Angka ekspresi sederhana
hiragana Tanda adalah: a, i, u, e, o, ka, ki, dll. (Hiragana Jepang)
katakana Tanda adalah: A, I, U, E, O, KA, KI, dll. (Hiragana Jepang)
hiragana-iroha Tanda adalah: i, ro, ha, ni, ho, he, to, dll. (Hiragana Jepang)
katakana-iroha Tanda adalah: I, RO, HA, NI, HO, HE, TO, dll. (Hiragana Jepang)

Nilai CSS2.1:

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

Detil teknis

Nilai default: disc
Inheritsi: yes
Versi: CSS1
Sintaksis JavaScript: object.style.listStyleType="square"

Contoh lebih banyak

Tanda daftar yang berbeda di dalam daftar tak terurut
Contoh ini menunjukkan semua tipe tanda daftar yang berbeda di CSS.
Tanda daftar yang berbeda di dalam daftar terurut
Contoh ini menunjukkan semua tipe tanda daftar yang berbeda di CSS.
Semua tipe gaya daftar
Contoh ini menunjukkan semua tipe tanda daftar yang berbeda di CSS.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuhnya.

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