CSS/Eigenschaften/list-style-image

Die Eigenschaft list-style-image bestimmt eine eigene geeignete Grafik als Aufzählungssymbol

Erlaubte Werte

*url() eine Web-Adresse oder ein Ziel mit oder ohne Pfad angeben, wo sich die gewünschte Grafikresource befindet.

• image-set()
• none

Vererbung steuernde Werte inherit, initial, unset und revert

Defaultwert

none

anwendbar auf

Listenelemente

Vererbung

ja

animierbar

nein

Beispiel

ul { 
  list-style-image: url(URI);
}

Die Aufzählungszeichen werden als diejenigen Grafiken dargestellt, die unter URI referenziert wird.

Beachten Sie: Das Verhalten der Browser weicht leicht voneinander ab. Einige Browser beschneiden die Grafik auf die Höhe des Listenelements, andere vergrößern das Listenelement damit die Grafik vollständig sichtbar ist. Ebenso weicht die Ausrichtung ggf. um einige Pixel ab und kann nicht korrigiert werden. Einen Workaround für diesen Umstand bietet die Verwendung einer Hintergrund-Grafik (siehe background-image).

Siehe auch

• HTML/Tutorials/Listen/Gestaltung mit CSS

Weblinks

• Spezifikation (W3C): list-style-image