list-style Eienskap

Die eienskap list-style laat toe om gelyktydig die merker tipe list-style-type, prent list-style-image en sy posisie list-style-position in te stel vir lyste ul of ol.

Die volgorde van die eienskappe maak nie saak nie.

Voorbeeld

Kom ons stel vir ons lys vierkantige merkers in:

html<ul>
  <li>lys item</li>
  <li>lys item</li>
  <li>lys item</li>
  <li>lys item</li>
  <li>lys item</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Voorbeeld

Laat ons nou in die eienskap list-style 'n prent vir die merker en sy posisie binne die teksveld instel:

html<ul>
  <li>lys item</li>
  <li>lys item</li>
  <li>lys item</li>
  <li>lys item</li>
  <li>lys item</li>
</ul>

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

Результат: