Eigenschaft list-style-type

Die Eigenschaft list-style-type ermöglicht es, für eine ul-Liste anstelle von Punkten Quadrate oder Kreise als Aufzählungszeichen zu verwenden. Für eine ol-Liste können anstelle der üblichen Zahlen römische Zahlen oder eine Aufzählung in Form von Buchstaben: lateinischen oder griechischen, verwendet werden.

Syntax

Selector {
	list-style-type: Wert;
}

Werte für ul

Wert	Beschreibung
`circle`	Erzeugt Aufzählungszeichen in Form von Kreisen.
`disc`	Erzeugt Aufzählungszeichen in Form von ausgefüllten Kreisen.
`square`	Erzeugt Aufzählungszeichen in Form von Quadraten.
`none`	Entfernt die Aufzählungszeichen.

Standardwert: disc.

Werte für ol

Wert	Beschreibung
`armenian`	Traditionelle armenische Nummerierung.
`decimal`	Arabische Zahlen.
`decimal-leading-zero`	Arabische Zahlen mit einer vorangestellten Null für Zahlen kleiner als zehn.
`georgian`	Traditionelle georgische Nummerierung.
`lower-alpha`	Kleinbuchstaben (lateinisch).
`lower-greek`	Kleinbuchstaben (griechisch).
`lower-latin`	Dieser Wert ist analog zu lower-alpha.
`lower-roman`	Römische Zahlen in Kleinbuchstaben.
`upper-alpha`	Großbuchstaben (lateinisch).
`upper-latin`	Dieser Wert ist analog zu upper-alpha.
`upper-roman`	Römische Zahlen in Großbuchstaben.
`none`	Entfernt die Aufzählungszeichen.

Standardwert: decimal.

Beispiel

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: disc;
}

Beispiel

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: circle;
}

Beispiel

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: square;
}

Beispiel

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: none;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: decimal;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: armenian;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: decimal-leading-zero;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: georgian;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: lower-alpha;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: lower-greek;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: lower-latin;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: lower-roman;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: upper-alpha;
}

Beispiel

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

ol {
	list-style-type: upper-roman;
}

Beispiel

Dieses Beispiel zeigt, dass die Eigenschaft color sowohl die Textfarbe als auch die Farbe der Aufzählungszeichen beeinflusst:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-type: disc;
	color: red;
}

Siehe auch

die Eigenschaft list-style-image,
die Aufzählungszeichen in Form von benutzerdefinierten Bildern festlegt
die Eigenschaft list-style-position,
die die Position der Aufzählungszeichen festlegt
die Eigenschaft list-style,
die eine Kurzschreibweise für Aufzählungszeichen ist