属性 CSS list-style
- halaman sebelumnya line-height
- Halaman Berikutnya list-style-image
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'); }
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 |
- halaman sebelumnya line-height
- Halaman Berikutnya list-style-image