HTML5-Handbuch - die neuen Features von HTML5

ist
outside
(ausgerückt). Die ersten beiden Listen im obigen Beispiel enthalten erzwungene Zeilenumbrüche (


), damit die Unterschiede zwischen den beiden Angaben sichtbar werden. Die erste Liste im Beispiel (
ul
-Liste mit Darstellungstyp
disc
) enthält keine Angabe zu
list-style-position:
, was
outside
entspricht. Die zweite Liste dagegen enthält explizit die Notation
list-style-position:
inside
.
    Mit
list-style-image:
url(URL-Adresse)
können Sie eine Grafik als Aufzählungszeichen bestimmen. Als Grafikdateitypen sollten Sie die in HTML üblichen Formate GIF, PNG oder JPG verwenden. Die Grafik sollte nicht größer als ein kleines Icon (16 x 16 Pixel) sein. Bei der URL-Adresse sind alle Regeln und Möglichkeiten der Referenzierung erlaubt und möglich, wie in 2.1.5 Referenzierungbeschrieben.
    Bei der zusammenfassenden Eigenschaft
list-style
(kommt im obigen Beispiel nicht vor) sind diese Angaben möglich:
    

Referenzinformationen
    CSS-Eigenschaften
list-style-type
,
    CSS-Eigenschaften
list-style-image
,
    CSS-Eigenschaften
list-style-position
:

    Die weiter oben beschriebenen CSS3-Auszeichnungssymbole für unsortierte Listen werden noch von keinem Browser unterstützt.
14.8.2    Gestaltungsmöglichkeiten für geordnete Listen
    Für die Listengestaltung von
ol
-Listen werden folgende CSS-Eigenschaften angeboten:
•   Mit
list-style-type
lässt sich die Art der Nummerierung beeinflussen,
•   und mit
list-style-position
lässt sich das Einrückverhalten einer Liste einstellen (wie zuvor bei ungeordneten Listen beschrieben).
    Auch in diesem Fall können Sie die CSS-Eigenschaft
list-style
für zusammenfassende Angaben verwenden.
Beispiel
    

ol-Liste mit Darstellungstyp decimal


    

    
1. Tagesordnung

    
2. Pause

    
3. Vorbesprechung

    
4. Mittagessen

    
5. Vortrag zum Thema "Komme nie zu früh zur Sache!"

    
6. Pause

    
7. Gemütlicher Ausklang

    

    

ol-Liste mit Darstellungstyp lower-roman


    

    
1. Tagesordnung

    
2. Pause

    
3. Vorbesprechung

    
4. Mittagessen

    
5. Vortrag zum Thema "Komme nie zu früh zur Sache!"

    
6. Pause

    
7. Gemütlicher Ausklang

    

    Bild 14.26: ol-Listen mit CSS-Listeneigenschaften im Browser
Erläuterung
    Im Zusammenhang mit nummerierten Listen hat das W3-Konsortium mittlerweile an jede nur erdenkliche Form der Nummerierung gedacht. Relativ bedenkenlos sind davon in der Praxis jedoch bislang nur diejenigen Formen verwendbar, die vor CSS3 eingeführt wurden. Das obige Beispiel zeigt zweimal die gleiche Liste – einmal mit Dezimalzahlen (
decimal
) als Nummerierung, und einmal mit kleinen römischen Ziffern (
lower-roman
).
    In CSS 1.0 wurden folgende Schlüsselwörter eingeführt:
decimal
(Nummerierung 1., 2., 3., 4. usw.),
lower-roman
(Nummerierung i., ii., iii., iv. usw.),
upper-roman
(Nummerierung I., II., III., IV. usw.),
lower-alpha
oder
lower-latin
(Nummerierung a., b., c., d. usw.), sowie
upper-alpha
oder
upper-latin
(Nummerierung A., B., C., D. usw.).
    In CSS 2.0 kamen folgende hinzu:
lower-greek
(Nummerierung mit griechischen Buchstaben α., β., γ., δ. usw.),
hebrew
(Nummerierung mit den hebräischen Buchstaben),
decimal-leading-zero
(Nummerierung mit führender 0: 01., 02., 03., 04., … 98., 99. usw.),
cjk-ideographic
(Nummerierung mit ideographischen Zeichen),
hiragana
(Nummerierung in Japanisch: a, i, u, e, o, ka, ki, … ),
katakana
(Nummerierung in Japanisch: A, I, U, E, O, KA, KI, … ),
hiragana-iroha
(Nummerierung in Japanisch: i, ro, ha, ni, ho, he, to, … ) und
katakana-iroha
(Nummerierung in Japanisch: I, RO, HA, NI, HO, HE, TO, … ).
    CSS3 erweitert diese Möglichkeiten um algorithmische Nummerierungssysteme wie
armenian
und
lower-armenian
, einem additiven Nummerierungsschema für Zahlen von 1 bis 99999999,
ethiopic-numeric
(äthiopische Nummerierung),
georgian
(additives Nummerierungsschema für Zahlen von 1 bis 19999),
japanese-formal
,
japanese-informal
,
trad-chinese-formal
,
trad-chinese-informal
,
simp-chinese-formal
und
simp-chinese-informal
(fernöstliche Nummerierungsvarianten mit Gruppen- und Ziffernmarker),
syriac
(nahöstliches Nummerierungssystem),
tamil
(tamilische Nummerierung) und
upper-armenian
(armenische Nummerierung). Bei Zahlensystemen ermöglicht CSS3 zusätzlich zu den bereits bekannten Systemen viele