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

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

outside

anwendbar auf

Listenelemente

Vererbung

ja

animierbar

nein

Beispiel

li { 
  list-style-position: inside;
}

Die Aufzählungszeichen werden innerhalb 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.

Siehe auch

• HTML/Tutorials/Listen/Gestaltung mit CSS

Weblinks

• Spezifikation (W3C): list-style-position