CSS/Eigenschaften/list-style-position

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft list-style-position bestimmt, ob die mit list-style-type oder list-style-image festgelegten Aufzählungszeichen innerhalb oder außerhalb des Listenelements positioniert werden..

erlaubte Werte
  • inside: Aufzählungszeichen innerhalb des Listenelements, nur erste Zeile wird eingerückt
  • outside: Aufzählungszeichen außerhalb des Listenelements
  • initial: setzt Wert auf den Standardwert zurück
  • inherit: Wert wird vom Elternelement übernommen
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: inside
anwendbar auf Listenelemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung ja
animierbar nein
Beispiel
li { 
  list-style-position: outside;
}
Die Aufzählungszeichen werden außerhalb des Listenelements platziert.
Empfehlung: Interessant ist diese Eigenschaft erst, wenn die Texte der Aufzählungselemente länger werden, weil es dann tatsächlich unterschiedliche Darstellungsformen gibt. So wird bei list-style-position: inside nur die erste Zeile eingerückt, um Platz für das Aufzählungszeichen zu schaffen.

Weblinks

Siehe auch