Diese Dokumentation ist stark vereinfacht und beschränkt sich auf die wesentlichen Grundlagen.
Listen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.
LIST-STYLE
anwendbar auf <ul> und <ol>.
list-style: decimal outside;
In der Kurzform müssen Sie sich entscheiden, ob Sie einen Wert für list-style-image oder list-style-type angeben. Beides macht auch von der Logik her keinen Sinn.
LIST-STYLE-IMAGE
Ersetzt das Aufzählungszeichen gegen eine Grafik.
list-style-image: none;
Keine Grafik. Standardanzeige. list-style-image: url(img/bull.png); Grafik.
LIST-STYLE-POSITION
Positioniert das Listenzeichen.
list-style-position: inside;
Rückt die erste Zeile ein und richtet die weiteren Zeilen unter dem
Aufzählungszeichen aus. list-style-position: outside; Richtet Aufzählungszeichen und Text getrennt aus.
LIST-STYLE-TYPE
Definiert die Art des Listenzeichen.
list-style-type: none; kein Aufzählungszeichen.
list-style-type: circle; Kreis, nur Rahmen.
list-style-type: disc; gefüllter Kreis.
list-style-type: square; Quadrat.
list-style-type: decimal; Decimalzahlen (1., 2., 3., …)
list-style-type: decimal-leading-zero; Dezimalzahlen (01., 02., 03., …)
list-style-type: lower-roman; kleine römische Zahlen (i., ii., iii., …)
list-style-type: upper-roman; grosse römische Zahlen (I., II., III., …)
list-style-type: lower-greek;
kleine griechische Nummerierung (alpha, beta, gamma, …)
list-style-type: lower-latin; kleine ASCII-Zeichen (a., b., c., …)
list-style-type: upper-latin; grosse ASCII-Zeichen (A., B., C., …)
list-style-type: armenian; Armenische Nummerierung
list-style-type: georgian; Georgische Nummerierung
list-style-type: katakana; japanische Katakana-Zeichen
list-style-type: katakana-iroha; japanische Katakana-Iroha-Zeichen
list-style-type: hiragana; japanische Hiragana-Zeichen
list-style-type: hiragana-iroha; japanische Hiragana-Iroha-Zeichen
list-style-type: cjk-ideographic; ideografische Zeichen
list-style-type: hebrew; hebräische Zeichen