Stil mit {stil}

Nov 2008

CSS list-style-type • Listensymbole und Zeichen für Listen und Aufzählungen

list-style-type legt das Aufzählungssymbol in ungeordneten Listen (ul) und geordneten Aufzählungen (ol) fest. Für ungeordnete Listen können Punkte, Kreise und Vierecke verwendet werden, für geordnete Aufzählungen stehen alphanumerische Zeichen und Glyphen zur Verfügung.

Diese CSS-Eigenschaft list-style-type wirkt nur bei Elementen, die Listenelemente darstellen können – das sind ul- und ol-Elemente.

list-style-type

Alle modernen Browser CSS1/Erweitert in CSS2 Erblich: Ja

list-style-type

bestimmt das Aufzählungssymbol in einer Liste: gefüllte oder ungefüllte Kreise in ungeordneten Listen, alphabetische und numerische Werte in geordneten Aufzählungen. Sowohl in geordneten als auch in ungeordneten Listen kann das Listensymbol durch die Angabe von none unterdrückt werden.

Werte

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

disc, circle, square, decimal sowie lateinische und romanische Symbole stellen alle Browser ab Version 5 korrekt dar. decimal-leading-zero, die Darstellung führender Nullen, wird von IE 6 und 7 nicht unterstützt. Erst Internet Explorer 8 kann führende Nullen im Index von geordneten Listen darstellen.

circle

gefüllte Kreise (bullets)

decimal

1, 2, 3 etc.

disc

Standardsymbol

none

Ausgabe ohne Listensymbol

lower-roman

i, ii, iii, iv etc.

upper-roman

I, II, III, IV etc.

square

Vierecke

armenian

traditionelle armenische Symbole

decimal-leading-zero

Dezimalzahlen, die von führenden Nullen aufgefüllt werde, z.B:. 01, 02, 03, …, 10, 11 …

georgian

traditionelle georgische Symbole

lower-greek

klassische kleine griechische Zeichen als Symbole

lower-latin

lateinische Kleinbuchstaben (a, b, c etc.) als Symbole

upper-latin

lateinische Großbuchstaben (A, B, C etc.) als Symbole

Beispiel

zurück zum Seitenanfang