Referenz:CSS/Eigenschaften/list-style-image

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft list-style-image CSS 1.0
Beschreibung bestimmt eine eigene geeignete Grafik als Aufzählungssymbol
erlaubte Werte
  • URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad angeben, wo sich die gewünschte Grafikresource befindet.
  • none
default-Wert

none

anwendbar auf Listenelemente (Unterschied Tag Element Attribut)
Vererbung ja
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Spezifikation W3c logo klein.gif list-style-image
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).

Tipp