Egenskapen list-style
Egenskapen list-style låter dig samtidigt
ställa in markörtyp list-style-type,
bild list-style-image
och dess position list-style-position
för listor ul
eller ol.
Ordningen på egenskaperna spelar ingen roll.
Exempel
Låt oss ställa in kvadratiska markörer för vår lista:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style: square outside;
}
:
Exempel
Och låt oss nu ställa in en bild för markören och dess placering inuti
textfältet i egenskapen list-style:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style: url("li.gif") inside;
}
:
