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
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

Weblinks