属性 CSS list-style

Definisi dan penggunaan

Atribut list-style singkat menetapkan semua atribut daftar dalam satu pernyataan.

Keterangan

Atribut ini adalah atribut singkat yang melibatkan semua atribut gaya daftar lainnya. Karena ia diterapkan ke semua elemen dengan display list-item, jadi hanya dapat digunakan untuk elemen li dalam HTML dan XHTML biasa, tetapi实际上它可以应用到任何元素,并由list-item elemen diwarisi.

Bisa untuk menetapkan berikut ini urut-urutnya properti:

Bisa untuk tidak menetapkan salah satu nilai, seperti "list-style:circle inside;" juga diperbolehkan. Atribut yang belum diatur akan menggunakan nilai defaultnya.

Lihat juga:

Panduan CSS:Daftar CSS

Panduan referensi HTML DOM:Atribut listStyle

Contoh

Atur gambar sebagai tanda item daftar dalam daftar:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Coba sendiri

Syarat CSS

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Nilai atribut

Nilai Deskripsi
list-style-type Atur jenis tanda item daftar. Lihat:list-style-type dari nilai yang mungkin.
list-style-position Atur tempat menempatkan tanda item daftar. Lihat:list-style-position dari nilai yang mungkin.
list-style-image Gunakan gambar untuk menggantikan tanda daftar item. Lihat:list-style-image dari nilai yang mungkin.
inherit Aturan ini mengatur nilai atribut list-style harus diwarisi dari elemen induk.

Detil teknis

Nilai default: disc outside none
Inheritance: yes
Versi: CSS1
Syarat JavaScript: object.style.listStyle="decimal inside"

Beberapa contoh lainnya

Definisi semua atribut daftar dalam satu pernyataan
Contoh ini menunjukkan pengaturan semua atribut untuk daftar dalam atribut singkat.

Dukungan pemeriksa

Angka dalam tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

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