Tutorial Dasar CSS
CSS Style
CSS Advanced
Referensi CSS Lainnya
Populer
Terbaru

List CSS

Property list pada CSS memungkinkan Anda untuk :

  • Memberikan penanda list yang berbeda pada ordered list (list angka)
  • Memberikan penanda list yang berbeda pada unordered list
  • Menjadikan gambar sebagai penanda list

List

Dalam HTML, terdapat 2 tipe list :

  • unordered list – list dengan bullet
  • ordered list – list dengan angka

List Dengan Penanda Berbeda

Untuk memberikan penanda yang berbeda, gunakan property list-style-type.

Contoh

ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}

ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}

Coba »

Menjadikan Gambar Sebagai Penanda List

Untuk menjadikan gambar sebagai penanda list, gunakan property list-style-image.

Contoh

ul
{
list-style-image: url(‘sqpurple.gif’);
}

Coba »