Listenformatierung
list-style-type | list-style-image | list-style-position | list-style
list-style-typezur Übersicht 
Mit list-style-type wird bei nummerierten Listen die Art der Nummerierung, bei unnummerierten Listen die Aufzählungszeichen festgelegt. Mit CSS 2 sind Nummerierungen mit hebräischen, georgischen, armenischen und japanischen Nummern, bzw. Zeichen hinzugekommen.
Werte
none | circle | disc | square | decimal | decimal-leading-zero | lower-alpha | upper-alpha | lower-latin | upper-latin | lower-roman | upper-roman | lower-greek | hebrew | georgian | armenian | hiragana | hiragana-iroha | katakana | katagana-iroha | cjk-ideographic
none keine Nummern oder Aufzählungszeichen
circle Kreis als Aufzählungszeichen
disc gefüllter Kreis als Aufzählungszeichen
square Quadrat als Aufzählungszeichen
decimal Nummerierung mit Dezimalzahlen
decimal-leading-zero Dezimalzahlen mit einführender 0 (01, 02, ..., 11, ...)
lower-alpha, lower-latin Nummerierung mit kleinen ASCII-Zeichen (a, b, c, ...)
upper-alpha, upper-latin Nummerierung mit großen ASCII-Zeichen (A, B, C, ...)
lower-roman kleine römische Ziffern (i, ii, iii, ...)
upper-roman große römische Ziffern (I, II, III, ...)
lower-greek kleine griechische Ziffern (α, β, γ, ...)
hebrew hebräische Nummerierung
georgian georgische Nummerierung
armenian armenische Nummerierung
hiragana Japanische Zeichen
hiragana-iroha Japanische Zeichen
katakana Japanische Zeichen
katakana-iroha Japanische Zeichen
cjk-ideographic ideografische Nummerierung
Standardwert ist für <ul> disc, für <ol> decimal
Vererbung
Ja
Beispiel
ul{ list-style-type: circle;}
ol{ list-style-type: lower-greek;}
list-style-imagezur Übersicht
Statt der vorhandenen Aufzählungszeichen können auch eigene Grafiken verwendet werden.
Mit list-style-image werden diese Grafiken eingebunden.
Werte
url([url]) | none | inherit
Standardwert ist none
Vererbung
Ja
Beispiel
ul{ list-style-image: url(bilder/raute.gif);}
list-style-positionzur Übersicht
list-style-position gibt an, ob das Aufzählungszeichen in einem Textblock innerhalb oder außerhalb davon positioniert wird.
Werte
inside | outside | inherit
Standardwert ist outside
Vererbung
Ja
Beispiel
ul{ list-style-position: inside;}
ol{ list-style-position: outside;}
list-stylezur Übersicht
In der Eigenschaft list-style können alle Listeneigenschaften in Kurzform zusammen gefasst werden.
Werte
[Listentyp] | [Bild-url] | [Position] | inherit
Standardwert sind Standardwerte der Einzeleigenschaften
Vererbung
Ja
Beispiel
ul{ list-style: disc url(bilder/raute.gif) outside;}