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

Art des Aufzählungszeichen :: list-style-type

Mit der Angabe "list-style-type" können Sie festlegen, wie das Aufzählungszeichen dargestellt werden soll.

<ul style="list-style-type: disc">
   <li>eine nicht nummerierte Liste</li>
   <li>mit der Formatierung</li>
   <li>disc</li>
</ul>
<ul style="list-style-type: circle">
   <li>noch eine nicht nummerierte</li>
   <li>Liste, diesmal jedoch mit</li>
   <li>circle formatiert</li>
</ul>
<ol style="list-style-type: upper-roman">
   <li>Dies ist eine nummerierte Liste</li>
   <li>welche romanische Großnuchstaben</li>
   <li>für die Aufzählung nutzt</li>
</ol>
<ol style="list-style-type: decimal-leading-zero">
   <li>Diese Liste nutzt</li>
   <li>Zahlen für die Aufzählung</li>
   <li>welche mit führender 0 ausgegeben werden</li>
</oL>

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

  • eine nicht nummerierte Liste
  • mit der Formatierung
  • disc
  • noch eine nicht nummerierte
  • Liste, diesmal jedoch mit
  • circle formatiert
  1. Dies ist eine nummerierte Liste
  2. welche romanische Großnuchstaben
  3. für die Aufzählung nutzt
  1. Diese Liste nutzt
  2. Zahlen für die Aufzählung
  3. welche mit führender 0 ausgegeben werden

list-style-type Definition

CSS Version CSS 1
Startwert disc
Vererbar ja
Anwendbar auf Listen - <ul>, <ol>, sowie mit "display: list-item" formatierte Elemente
Medium visual
mögliche Werte
  • circle - nicht ausgefüllter Kreis
  • disc - ausgefüllter Kreis
  • square - Quadrat
  • decimal - Dezimalzahlen
  • lower-roman - kleine römische Zahlen
  • upper-roman - große römische Zahlen
  • decimal-leading-zero - Dezimalzahl mit führenden Nullen
  • lower-greek - kleine griechische Nummerierung
  • lower-latin - kleine lateinische Buchstaben
  • upper-latin - große lateinische Buchstaben
  • armenian - armenische Nummerierung
  • georgian - georgische Nummerierung
  • none
  • inherit
Anmerkungen

Browserunterstützung von list-style-type

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5 6/7 7.5+ 4 6+ 1+ 0.8+ 1+ 3.1+ 2+
none, disc, square, circle, decimal,
lower-roman, upper-roman
J J J J J J J J J J J
lower-greek N N J J N J J J J J J
georgian, armenian, decimal-leading-zero N N N J N J J J J J J
letzte Änderung: 07.02.2010