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:
<ul>
<li>lijst item</li>
<li>lijst item</li>
<li>lijst item</li>
<li>lijst item</li>
<li>lijst item</li>
</ul>
ul {
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:
<ul>
<li>lijst item</li>
<li>lijst item</li>
<li>lijst item</li>
<li>lijst item</li>
<li>lijst item</li>
</ul>
ul {
list-style: url("li.gif") inside;
}
:
