list-style-image

Adalah property yang digunakan untuk merubah tanda list item menjadi gambar

Syntax:

ul { list-style-image:url(“lokasiGambar“)}

Contoh:

Buatlah sebuah file HTML bernama tandaList.html dan masukkan kode berikut ini:

<head>

<style>

ul{ list-style-image: url('http://www.wowkeren.com/images/gif/button2.gif') }

</style>

</head>

<body>

<div>

Berita Musik:

<ul>

<li>Hina Pancasila, Zaskia Gotik Batal Dapat Penghargaan Pedangdut Fenomenal</li>

<li>Tampil Mellow, Red Velvet Ajak Fans Galau di MV 'One Of These Nights'</li>

<li>Ngefans, Mikha The Overtunes Grogi Ajak Raisa Bikin MV 'Ku Ingin Kau Tahu'</li>

<li>Serba Hitam dan Misterius, Intip Teaser MV Mixtape 'R.EBIRTH' Ravi VIXX</li>

<li>Kim Heechul Super Junior Rilis Single Duet dengan Penyanyi Wanita, Siapa?</li>

</ul>

</div>

Hasil:

Kliklah 2x nama filemu maka pada browser akan tampil seperti berikut ini:

Berita Musik:
  • Hina Pancasila, Zaskia Gotik Batal Dapat Penghargaan Pedangdut Fenomenal
  • Tampil Mellow, Red Velvet Ajak Fans Galau di MV 'One Of These Nights'
  • Ngefans, Mikha The Overtunes Grogi Ajak Raisa Bikin MV 'Ku Ingin Kau Tahu'
  • Serba Hitam dan Misterius, Intip Teaser MV Mixtape 'R.EBIRTH' Ravi VIXX
  • Kim Heechul Super Junior Rilis Single Duet dengan Penyanyi Wanita, Siapa?
2016 © Fahmi Basya Kartapura