weitere Systeme aus aller Welt und aus der IT-Welt:
arabic-indic
,
binary
,
bengali
,
cambodian
,
devanagari
,
gujarati
,
gurmukhi
,
kannada
,
khmer
,
lao
,
lower-hexadecimal
,
malayalam
,
mongolian
,
myanmar
,
octal
,
oriya
,
persian
,
telugu
,
tibetan
,
thai
,
upper-hexadecimal
und
urdu
.
Ähnlich verhält es sich bei den Möglichkeiten alphabetischer Nummerierung. Hier unterstützt CSS3 zusätzlich die Angaben
afar
,
amharic
,
amharic-abegede
,
cjk-earthly-branch
,
cjk-heavenly-stem
,
ethiopic
,
ethiopic-abegede
,
ethiopic-abegede-am-et
,
ethiopic-abegede-gez
,
ethiopic-abegede-ti-er
,
ethiopic-abegede-ti-et
,
ethiopic-halehame-aa-er
,
ethiopic-halehame-aa-et
,
ethiopic-halehame-am-et
,
ethiopic-halehame-gez
,
ethiopic-halehame-om-et
,
ethiopic-halehame-sid-et
,
ethiopic-halehame-so-et
,
ethiopic-halehame-ti-er
,
ethiopic-halehame-ti-et
,
ethiopic-halehame-tig
,
hangul
,
hangul-consonant
,
lower-norwegian
,
oromo
,
sidama
,
somali
,
tigre
,
tigrinya-er
,
tigrinya-er-abegede
,
tigrinya-et
,
tigrinya-et-abegede
und
upper-norwegian
.
Außerdem erlaubt CSS3 die symbolischen Angaben
asterisks
(Sternchen-Nummerierung *, **, ***, ****, …) sowie
footnotes
(*, †, ‡, ** usw.).
Weitere Hinweise
Die CSS-Eigenschaften für Listeneinrückung (
list-style-position
) und die zusammenfassende Angabe zu
list-style
funktionieren bei geordneten Listen genauso wie bei ungeordneten Listen.
Referenzinformationen
CSS-Eigenschaften
list-style-type
,
CSS-Eigenschaften
list-style-position
:
Bei
list-style-type
wird je nach Browser nur ein Teil der möglichen Angaben interpretiert. Sollte eine Angabe noch nicht umgesetzt sein, so stellt der Browser automatisch eine dezimale Nummerierung dar.
14.8.3 Abstand zu Aufzählungszeichen/Nummerierung
Leider gibt es für den Abstand zwischen Aufzählungszeichen oder Nummerierung und dem Inhalt des zugehörigen Listeneintrags keine spezielle CSS-Eigenschaft. Auch für die linksbündige Ausrichtung des Aufzählungs- oder Nummerierungszeichens zum übrigen Text gibt es keine eindeutige Angabe. Die CSS-Eigenschaften, mit deren Hilfe sich die Anzeige diesbezüglich steuern lässt, sind
margin-left
und
padding-left
.
Beispiel
- Probieren geht über Studieren
- Liebe geht über Triebe
- Tante geht über Kante
- Probieren geht über Studieren
- Liebe geht über Triebe
- Tante geht über Kante
- Probieren geht über Studieren
- Liebe geht über Triebe
- Tante geht über Kante
- Probieren geht über Studieren
- Liebe geht über Triebe
- Tante geht über Kante
- Probieren geht über Studieren
- Liebe geht über Triebe
- Tante geht über Kante
Bild 14.27: Listen (hier ul-Listen) mit padding-left- und margin-left-Eigenschaften
Erläuterung
Im Beispiel wird fünfmal die gleiche
ul
-Liste mit unterschiedlichen Angaben zu
padding-left
und
margin-left
definiert. Werden beide Werte wie in der ersten Liste auf 0 gesetzt, hat das die gleiche Wirkung wie
list-style-type:
none
– das Aufzählungszeichen wird gar nicht mehr angezeigt.
Die zweite und die dritte Liste im Beispiel lassen jeweils eine der beiden Eigenschaften auf 0 und setzen die andere auf
1.5em
. Das muss nicht unbedingt – wie in der obigen Abbildung, die den Output von Google Chrome zeigt – in allen Browsern gleich aussehen. So beachtet etwa der MS Internet Explorer nur die
margin-left
-Eigenschaft, während ihm
padding-left
egal ist. Bei den meisten anderen Browsern ist es umgekehrt. Um browserübergreifend eine ordentliche Anzeige zu erhalten, ist es deshalb am besten, beide Eigenschaften zu verwenden und ihnen außerdem den gleichen Wert zuzuweisen, so wie in der letzten Liste im obigen Beispiel.
Der dort verwendete Wert von
0.6em
ist übrigens ein erprobter Wert, um eine linksbündige Ausrichtung des Aufzählungszeichens zum übrigen Text zu erreichen und gleichzeitig einen mittleren, typischen Abstand zwischen Aufzählungszeichen und Inhalt des Listeneintrags.
Um den Abstand zwischen Aufzählungszeichen/Nummerierung und Inhalt des Listeneintrags zu beeinflussen,
Kostenlos Online Lesen 
