Stil mit {stil}

Mar 2009

CSS list-style-image • Bilder als Aufzählungszeichen in Listen

In ungeordneten Listen (ul) erlaubt list-type-image die Wahl eines Bildes als Symbol vor den Elementen der Liste oder Aufzählung anstelle des einfachen Punktes.

ul.knopf {
   list-style-image: url(knopf.gif);
}

<ul class="knopf"> 
   <li>Montag
      <ul>
         <li>Sport</li>
         <li>Mathematik</li>
         <li>Physik</li>
      </ul></li> 
   <li>Dienstag</li> 
   <li>Mittwoch</li> 
</ul>

• Montag
  • Sport
  • Mathematik
  • Physik
• Dienstag
• Mittwoch

list-style-image ist erblich – darum zeigen auch die ul-Elemente der zweiten Ebene das Bild, das als Aufzählungssymbol für die Liste angegeben ist.

CSS-Eigenschaft list-style-image

IE4+ M1 N6 O5+S1 CSS1 Erblich: Ja

list-style-image

list-style-image ist die Adresse eines Bildes, das als Aufzählungssymbol in einer Liste benutzt wird.

Werte

<uri> | none | inherit

<uri>

<uri> ist der Pfad eines Bildes. Die Adresse muss in Klammern und von Hochkommas eingeschlossen sein.

none

none ist die Voreinstellung und gibt an, dass kein Bild eingespielt wird. Die Angabe von none stellt sicher, dass vorangegangene Deklarationen nicht weiter angewendet werden.

zurück zum Seitenanfang