De list-style eigenschap

De eigenschap list-style maakt het mogelijk om tegelijkertijd het type marker list-style-type, de afbeelding list-style-image en de positie list-style-position in te stellen voor lijsten ul of ol.

De volgorde van de eigenschappen maakt niet uit.

Voorbeeld

Laten we voor onze lijst vierkante markers instellen:

html<ul>
  <li>lijst item</li>
  <li>lijst item</li>
  <li>lijst item</li>
  <li>lijst item</li>
  <li>lijst item</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Voorbeeld

Laten we nu in de eigenschap list-style een afbeelding voor de marker en de positie binnen het tekstblok instellen:

html<ul>
  <li>lijst item</li>
  <li>lijst item</li>
  <li>lijst item</li>
  <li>lijst item</li>
  <li>lijst item</li>
</ul>

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

Результат: