Zum Inhalt springen

list-style-position

  • Redaktion 
  • Zuletzt aktualisiert am

#list-style-position

Bestimmt die Position der Aufzählungspunkte einer Liste.

default list-style-position: outside;

Der Aufzählungspunkt steht außerhalb des Listenelements, als ob er nicht Teil des Listenelements wäre.

Der Anfang jeder Zeile eines Listeneintrags wird vertikal ausgerichtet.

list-style-position: inside;

Der Aufzählungspunkt wird innerhalb des Listenelements stehen.

Da er Teil des Listenelements ist, wird er Teil des Textes und schiebt den Text an den Anfang.

Die Eigenschaft list-style-position in CSS wird verwendet, um die Position der Markierung (Aufzählungszeichen) für Elemente in einer Liste festzulegen. Sie bestimmt, ob die Markierung innerhalb oder außerhalb des Listenelements erscheinen soll. Die möglichen Werte für diese Eigenschaft sind innen und außen.

  • Der Standardwert für diese Eigenschaft ist outside. Dies bedeutet, dass die Markierung (Aufzählungszeichen) für ein Listenelement standardmäßig außerhalb des Listenelements erscheint.
  • Die Eigenschaft list-style-position kann für ungeordnete Listen (Aufzählungslisten) und geordnete Listen (nummerierte Listen) verwendet werden.
  • Diese Eigenschaft kann zusammen mit anderen list-style-Eigenschaften, wie list-style-type und list-style-image, verwendet werden, um das Aussehen der Markierung zu steuern.
  • Die Eigenschaft list-style-position wird in der Regel zusammen mit der Eigenschaft list-style-type verwendet, um die Art der zu verwendenden Markierung (z. B. ein Aufzählungszeichen, eine Zahl usw.) und die Position der Markierung anzugeben.
  • Um die list-style-Position für eine Liste anzugeben, können Sie die shorthand-Eigenschaft list-style verwenden, mit der Sie die Eigenschaften list-style-type, list-style-position und list-style-image in einer einzigen Deklaration festlegen können.