CSS - Anpassung der Listenmarker

Auch der Listenmarker, also das Zeichen, das einzelne Listenelemente einleitet, kann über CSS geändert werden:

list-style-type

Auswahl vordefinierter Listenmarker für unsortierte udn sortierte Listen:

• Unsortierte Listen:
  • disc: schwarz ausgefüllter Kreis
  • circle: schwarz umrandeter, nicht ausgefüllter Kreis
  • square: schwarz ausgefülltes Quadrat
• Sortierte Listen:
  • decimal, decimal-leading-zero: Dezimalzahlen ohne bzw. mit einer führenden Null bei Ziffern
  • lower-alpha / lower-latin bzw. upper-alpha/upper-latin: kleine bzw. große (lateinische) Buchstaben
  • lower-roman bzw. upper-roman: kleine bzw. große römische Zahlen
  • lower-greek: kleine griechische Buchstaben
• Beide Listenarten:
  • none: der Listenmarker wird ausgeblendet.

list-style-image

Mit der Angabe einer lokalen URL oder einer URL auf einem Server kann ein eigenes Bild als Marker benutzt werden : ul {list-style-image: url(bilder/location_red.gif)}