CSS list-style-position Eigenschaft

Definition und Verwendung

Die listStylePosition-Eigenschaft legt fest, wo die Liste der Liste der Liste positioniert wird.

Erklärung

Diese Eigenschaft wird verwendet, um die Position der Liste der Liste der Liste im Vergleich zum Inhalt der Liste zu erklären. Externe (outside) Markierungen werden an einer bestimmten Entfernung vom Rand der Liste positioniert, aber dieser Abstand ist in CSS nicht definiert. Interne (inside) Markierungen werden so behandelt, als wären sie als inline-Elemente am Anfang des Inhalts der Liste eingefügt.

Weitere Informationen:

CSS-Tutorial:CSS Liste

CSS Referenzhandbuch:CSS list-style Eigenschaft

HTML DOM Referenzhandbuch:listStylePosition-Eigenschaft

Beispiel

Definiert den Ort der Liste der Liste der Liste im Listenstil:

ul
  {
  list-style-position:inside;
  }

Versuchen Sie es selbst

CSS-Syntax

list-style-position: inside|outside|initial|inherit;

Eigenschaftswert

Wert Beschreibung
inside Die Liste der Liste wird innen positioniert und der Text ist nach der Markierung ausgerichtet.
outside Standardwert. Halten Sie die Markierung links neben dem Text. Die Liste der Liste wird außerhalb des Textes positioniert und der Text ist nicht nach der Markierung ausgerichtet.
inherit Es wird festgelegt, dass der Wert der Eigenschaft list-style-position von dem Elternelement geerbt werden soll.

Technische Details

Standardwert: outside
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.listStylePosition="inside"

Mehr Beispiele

Platzierung der Liste der Markierungen
Dieses Beispiel zeigt, wo man die Liste der Markierungen platzieren sollte.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5