Sie befinden sich hier: » CSS Angaben » Listen » list-style-image

 Aufzählungsbild :: list-style-image

Mit der Angabe list-style-image können Sie jedem einzelnen Listenpunkt eine Grafik voranstellen.

<ul style="list-style-image: url('img/mini.png')">
   <li>1. Listenpunkt mit bullet.gif als vorangestellte Grafik</li>
   <li>2. Listenpunkt</li>
   <li>3. Listenpunkt</li>
</ul>

so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird

  • 1. Listenpunkt mit bullet.gif als vorangestellte Grafik
  • 2. Listenpunkt
  • 3. Listenpunkt

list-style-image Definition

CSS Version CSS 1
Startwert none
Vererbar ja
Anwendbar auf Listen - <ul>, <ol>, sowie mit "display: list-item" formatierte Elemente
Medium visual
mögliche Werte
  • url( ... ) - Angabe eine Grafik mit Pfad und Dateiname
  • none
  • inherit
Anmerkungen

Browserunterstützung von list-style-image

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5-7 7.5+ 4 6+ 1+ 0.8+ 1+ 3.5+ 2
url J J J N J J J J J J
letzte Änderung: 07.02.2010