Atribut list-style CSS

Definisi dan penggunaan

Atribut list-style singkat mengatur semua atribut gaya daftar dalam satu deklarasi.

Keterangan

Atribut ini adalah atribut singkat yang melibatkan semua atribut gaya daftar lainnya. Karena ia berlaku untuk semua elemen dengan display list-item, jadi hanya dapat digunakan untuk elemen li di HTML dan XHTML biasa, meskipun pada kenyataannya dapat diterapkan untuk semua elemen dan diwarisi oleh elemen list-item.

Bisa untuk menetapkan urutan berikutnya untuk atribut:

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

Lihat juga:

Panduan CSS:Daftar CSS

Panduan HTML DOM:Atribut listStyle

Contoh

Atur gambar sebagai tanda item daftar dalam daftar:

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

Coba sendiri

Syntaks 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 nilai yang mungkin.
list-style-position Atur tempat penempatan tanda item daftar. Lihat:list-style-position nilai yang mungkin.
list-style-image Gunakan gambar untuk menggantikan tanda item daftar. Lihat:list-style-image nilai yang mungkin.
inherit Aturan untuk mendefinisikan nilai atribut list-style harus diwarisi dari elemen induk.

Detil teknis

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

Contoh lebih banyak

Mendefinisikan semua atribut daftar dalam satu deklarasi
Contoh ini menunjukkan bagaimana mengatur semua atribut untuk daftar ke dalam atribut singkat.

Dukungan browser

Angka di 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