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:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  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:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

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

Результат: