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

CSS Referenzhandbuch

CSS @Regeln (RULES)

Komplettes Verzeichnis der CSS-Eigenschaften

CSS list-Verwendung und Beispiel der style-Eigenschaft

list-style CSS-EigenschaftdefinitionListenelementDarstellungsschema. Es wird verwendet, um verschiedene Listeigenschaften in einer einzigen Deklaration zu setzen (d.h.list-style-typelist-style-positionundlist-style-imagekurze Schreibweise für )

Die folgende Tabelle enthält die Beschreibung und Versionsgeschichte der Verwendung dieses Attributs sowie die Verwendungssyntax in JavaScript-Skripten.

Standardwert:Alle Eigenschaften anzeigen
Anwendbar auf:Listenelement
Vererbung:Ja
Animierbar:Nein.Bitte参见 Animationseigenschaft
Version:CSS 1,2,3
JavaScript-Syntax:object.style.listStyle="decimal inside"

list-Verwendungssyntax von style

Die Syntax dieser Eigenschaft ist wie folgt:

list-style: [ list-style-type list-style-position list-style-image ] | initial | inherit

Der folgende Beispiel zeigt, wie man list verwendet-style Eigenschaft.

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

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
list-style-typeGeben Sie den Stil der Liste an.
list-style-positionGeben Sie die Position der Liste an.
list-style-imageGeben Sie das Bild an, das als Markierung für die Liste verwendet wird.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird das verknüpfte Element die list-Eigenschaft des übergeordneten Elements verwenden-Wert der style-Eigenschaft.

Browserkompatibilität

list-Die Kompatibilität der style-Eigenschaft der Browser, die Zahlen in der folgenden 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 7+

Weiterlesen

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

zusammenhängende Eigenschaften:list-style-imagelist-style-positionlist-style-type