Ciri list-style

Ciri list-style membolehkan anda menetapkan secara serentak jenis penanda list-style-type, imej list-style-image dan kedudukannya list-style-position untuk senarai ul atau ol.

Urutan nilai ciri tidak penting.

Contoh

Mari kita tetapkan penanda segi empat untuk senarai kami:

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 tetapkan dalam ciri list-style imej untuk penanda dan kedudukannya di dalam medan 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;
}

Результат: