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

Positionierung der Aufzählungszeichen :: list-style-position

Mit dieser Angabe können Sie bestimmen, wie sich das Aufzählungszeichen verhalten soll. Entweder steht das Aufzählungszeichen links außerhalb der Liste, oder es wird in die Liste gerückt und schließt dann bündig mit dem Text ab.

<ul style="list-style-position: outside">
   <li>Bei dieser Liste ist das Aufzählungszeichen ausgerückt</li>
   <li>Dies bedeutet,<br />dass es sich nicht im Text befindet,<br />
      sondern links vor der Liste</li>
</ul>
<ul style="list-style-position: inside">
   <li>Das Aufzählungszeichen dieser Liste hingegen<br />befinden sich im Text</li>
   <li>wird also eingerückt ;)</li>
</ul> 

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

  • Bei dieser Liste ist das Aufzählungszeichen ausgerückt
  • Dies bedeutet,
    dass es sich nicht im Text befindet,
    sondern links vor der Liste

  • Das Aufzählungszeichen dieser Liste hingegen
    befinden sich im Text
  • wird also eingerückt ;)

list-style-position Definition

CSS Version CSS 1
Startwert outside
Vererbar ja
Anwendbar auf Listen - <ul>, <ol>, sowie mit "display: list-item" formatierte Elemente
Medium visual
mögliche Werte
  • inside - Aufzählungszeichen ist eingerückt
  • outside - Aufzählungszeichen ist ausgerückt
  • inherit
Anmerkungen

Browserunterstützung von list-style-position

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5+ 4 6+ 1+ 0.8+ 1+ 3.5+ 2
inside J J N J J J J J J
outside J J N J J J J J J
letzte Änderung: 11.02.2010