English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Reference Manual

CSS @rules

Complete list of CSS attributes

CSS Liste-style-Verwendung und Beispiel der position Eigenschaft

list-style-Die position CSS-Eigenschaft legt die Position des Listensymbole im Verhältnis zum Hauptblockrahmen des Listenelements fest.

Die nachfolgende Tabelle enthält die Beschreibung der Verwendung und die Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.

Standardwert:outside
Geeignet für:Listenelement
Vererbung:Ja
Animierbar:Nein.Siehe auch Animationseigenschaft
Version:CSS 1,2,3
JavaScript-Syntax:object.style.listStylePosition="inside"

Syntax der Verwendung der Liste-Stilposition

Die Syntax dieser Eigenschaft lautet wie folgt:

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

Die folgenden Beispiele demonstrate, wie list-style-position Eigenschaft.

  ol {
   list-style-position: inside;
  }
  ul {
   list-style-position: outside;
  }
Testen Sie es heraus‹/›

Eigenschaftswerte

Die nachfolgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
insideListensymbole werden im ersten Inline-Frame des Hauptblockrahmens platziert, vor dem Elementinhalt.
outsideListensymbole werden außerhalb des Hauptblockrahmens platziert. Dies ist der Standardwert.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn spezifiziert, verwendet der verknüpfte Element seine Elternelementliste-style-position Werte der Eigenschaft.

Browserkompatibilität

list-style-Kompatibilität der position Eigenschaft der Browser, die Nummern in der nachfolgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Weiterführende Informationen

Bitte beziehen Sie sich auf die folgenden Anleitungen:HTML ListeCSS Liste

Verwandte Eigenschaften:list-stylelist-style-imagelist-style-type