Hinweis
style-sheets.de hat Anfang 2004 einen kompletten Relaunch hingelegt. Viele
neue und die meisten alten Inhalte sind nun im neu strukturierten CSS-Guide zu finden.
Diese Seiten enthalten daher unter Umständen veraltete Inhalte. Sie werden jedoch aus
historischen Gründen und zur Vermeidung von toten Links auch bis auf weiteres online
bleiben.
Auflistungen
list-style-type (css1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Bestimmt das Aussehen einer Auflistung mit <ol>
oder <ul>.
Werte:
- disk: gefüllter schwarzer Kreis
- circle: ungefüllter schwarzer Kreis
- square: gefüllter schwarzer Kasten
- decimal: dezimale Auflistung (1, 2, 3...)
- lower-roman: kleine römische Zahlen (i, ii, iii, iv...)
- upper-roman: große römische Zahlen (I, II, III, IV...)
- lower-alpha: kleine alphabetische Buchstaben (a, b, c...)
- upper-alpha: große alphabetische Buchstaben (A, B, C...)
- none: keine Auflistungspunkte
Beispiel:
UL {
list-style-type: upper-alpha;
}
list-style-image (css 1 - IE, Mozilla, Opera)
Erklärung:
Fügt statt einem Auflistungspunkte ein selbst erstelltes Bild ein.
Werte:
- url(http://www.ihreseite.de/kreis.png): ein Verweis, der den ganzen url-Pfad des Bildes
enthält
- url(../bilder/kreis.gif): relationaler Verweis zum Bild
Beispiel:
UL {
list-style-image: url(../bilder/dings.gif);
}
Richtig sieht das dann so aus:
