Die list-style-Eigenschaft
Die Eigenschaft list-style ermöglicht es gleichzeitig
den Markierungstyp list-style-type,
das Bild list-style-image
und seine Position list-style-position
für Listen ul
oder ol festzulegen.
Die Reihenfolge der Eigenschaftswerte spielt keine Rolle.
Beispiel
Lassen Sie uns für unsere Liste quadratische Markierungen festlegen:
<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;
}
:
Beispiel
Und jetzt legen wir in der Eigenschaft list-style
ein Bild für die Markierung und seine Position innerhalb
des Textfeldes fest:
<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;
}
:
