CSS/Eigenschaften/list-style-position

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

• Spezifikation (W3C): list-style-position

Siehe auch

• HTML/Tutorials/Listen/Gestaltung mit CSS