Atribut list-style-image CSS

Definisi dan penggunaan

Atribut list-style-image menggunakan gambar untuk menggantikan tanda item dalam daftar.

Keterangan

Atribut ini menentukan gambar yang digunakan sebagai tanda item dalam daftar urut atau tak urut. Lokasi pengaturan gambar terhadap konten item biasanya diatur dengan atribut list-style-position.

Komentar:Selalu tentukan atribut "list-style-type" untuk mencegah gambar yang tidak tersedia.

Lihat pula:

Panduan CSSDaftar CSS

Panduan CSSAtribut list-style CSS

Panduan HTML DOMAtribut listStyleImage

Contoh

Tetapkan gambar sebagai tanda item dalam daftar:

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Coba sendiri

Sintaks CSS

list-style-image: none|url|initial|inherit;

Nilai atribut

Nilai Deskripsi
URL Alur gambar
none Standar. Tidak ada gambar yang ditampilkan.
inherit Diatur untuk menerima nilai atribut list-style-image dari elemen induk.

Detil teknis

Nilai standar: none
Inheritance: yes
Versi: CSS1
Sintaks JavaScript: object.style.listStyleImage="url('/images/blueball.gif')"

Beberapa contoh lain

Gambarnya sebagai tanda item dalam daftar
Contoh ini menunjukkan bagaimana menggabungkan gambar sebagai tanda item dalam daftar.

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