CSS list-style-type-Eigenschaft

Definition und Verwendung

Die list-style-type-Eigenschaft legt den Typ der Liste der Liste fest.

Weitere Informationen siehe:

CSS Tutorial:CSS Liste

CSS Referenzhandbuch:CSS list-style-Eigenschaft

HTML DOM Referenzhandbuch:listStyleType-Eigenschaft

Beispiel

Stellen Sie verschiedene Listenstile ein:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

Probieren Sie es selbst aus

（更多示例可以在页面底部找到）

CSS-Syntax

list-style-type: value;

Attributswert

Werte von CSS2:

Wert Beschreibung
none Kein Marker.
disc Standard. Der Marker ist ein vollständiger Kreis.
circle Der Marker ist ein hohler Kreis.
square Der Marker ist ein vollständiger Quadrat.
decimal Der Marker ist eine Zahl.
decimal-leading-zero Mit Null beginnende Ziffernmarkierung (01, 02, 03, usw.)
lower-roman Kleinbuchstaben römische Ziffern (i, ii, iii, iv, v, usw.)
upper-roman Großbuchstaben römische Ziffern (I, II, III, IV, V, usw.)
lower-alpha Kleinbuchstaben lateinischer Schriftzeichen Der Marker ist lower-alpha (a, b, c, d, e, usw.)
upper-alpha Großbuchstaben lateinische Buchstaben Der Marker ist upper-alpha (A, B, C, D, E, usw.)
lower-greek Kleinbuchstaben griechische Buchstaben (alpha, beta, gamma, usw.)
lower-latin Kleinbuchstaben lateinische Buchstaben (a, b, c, d, e, usw.)
upper-latin Großbuchstaben lateinische Buchstaben (A, B, C, D, E, usw.)
hebrew Traditionelle hebräische Ziffernweise
armenian Traditionelle armenische Ziffernweise
georgian Traditionelle georgische Ziffernweise (an, ban, gan, usw.)
cjk-ideographic Einfache ideogrammatische Ziffern
hiragana Die Marker sind: a, i, u, e, o, ka, ki, usw. (Japanische Katagana)
katakana Die Marker sind: A, I, U, E, O, KA, KI, usw. (Japanische Katagana)
hiragana-iroha Die Marker sind: i, ro, ha, ni, ho, he, to, usw. (Japanische Katagana)
katakana-iroha Die Marker sind: I, RO, HA, NI, HO, HE, TO, usw. (Japanische Katagana)

Werte in CSS2.1:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

Technische Details

Standardwert: disc
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.listStyleType="square"

Mehr Beispiele

Verschiedene Arten von Listenpunktmarkern in unsortierten Listen
Dieses Beispiel zeigt verschiedene Arten von Listenpunktmarkern in CSS.
Verschiedene Arten von Listenpunktmarkern in geordneten Listen
Dieses Beispiel zeigt verschiedene Arten von Listenpunktmarkern in CSS.
Alle Arten von Listenstile
Dieses Beispiel zeigt alle verschiedenen Arten von Listenpunktmarkern in CSS.

Browser-Unterstützung

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

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