CSS list-style-image 属性

Definisi dan penggunaan

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

Pengertian

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

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

Lihat juga:

Panduan CSSSenarai CSS

Panduan CSSCSS list-style 属性

Panduan HTML DOMAtribut listStyleImage

Contoh

Atur gambar sebagai tanda item dalam daftar:

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

Coba sendiri

Sintaksu CSS

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

Nilai atribut

Nilai Deskripsi
URL Lokasi gambar.
none Default. Tidak ada grafik yang ditampilkan.
inherit Ditetapkan supaya nilai atribut list-style-image diwarisi dari elemen induk.

Detil Teknologi

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

Contoh lebih banyak

Gunakan gambar sebagai tanda daftar
Contoh ini menunjukkan bagaimana untuk menggunakan gambar sebagai tanda daftar.

Dukungan browser

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

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