- die Online CSS Referenz
Impressum

Listenformatierung

list-style-type | list-style-image | list-style-position | list-style

list-style-typezur Übersicht    eins nach unten

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-type

list-style-imagezur Übersichteins nach obeneins nach unten

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-image

list-style-positionzur Übersichteins nach obeneins nach unten

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-style-position

list-stylezur Übersichteins nach oben    

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;}