Properti list-style

Properti list-style memungkinkan untuk mengatur tipe penanda list-style-type, gambar list-style-image dan posisinya list-style-position untuk daftar ul atau ol secara bersamaan.

Urutan properti tidak penting.

Contoh

Mari kita atur penanda persegi untuk daftar kita:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Contoh

Sekarang mari kita atur dalam properti list-style gambar untuk penanda dan posisinya di dalam bidang teks:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  list-style: url("li.gif") inside;
}

Результат: