list-style-position: Listenzeichen einrücken

0 | 3 Kommentare | 5278 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "list-style-position: Listenzeichen einrücken" mit Ihrem Wissen!

Anzeige Hier werben

list-style-position

Werte: inside, outside, inherit
Standardwert: outside
Vererbung: Ja
Kurzschreibweise: list-style
Anwendbar auf: UL, OL
CSS-Level: CSS1, CSS2.1, CSS3

Mit list-style-position lässt sich die Position der Aufzählung anpassen. So ist es entweder möglich die Liste so einzurücken, dass die Aufzählungszeichen links bündig mit dem Absatz abschließt. Ausgerückt stehen die Anführungszeichen aus dem restlichen Inhalt hervor.

Mögliche Werte

Wert
Bedeutung
inside
eingerückt
outside
ausgerückt

Beispiel

 
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<p>Quisque non libero in justo ultricies placerat. Pellentesque metus quam, dictum malesuada, posuere non, vestibulum id, leo? Nullam interdum aliquam libero. Praesent ligula nisi, faucibus adipiscing, scelerisque a, vulputate gravida, est. Sed ac ligula. Curabitur felis. Mauris pellentesque, ligula vel tempor euismod; orci augue imperdiet odio; id venenatis magna leo quis nisi. Aliquam pellentesque lorem sed felis. In mattis, elit a pretium semper, erat lacus tincidunt odio, at feugiat quam lacus non massa.
</p>
<ul style="list-style-position: inside;">
  <li>eingerückt</li>
  <li>Birnen</li>
  <li>Beeren</li>
  <li>Blutorangen</li>
</ul>
<p>Quisque non libero in justo ultricies placerat. Pellentesque metus quam, dictum malesuada, posuere non, vestibulum id, leo? Nullam interdum aliquam libero. Praesent ligula nisi, faucibus adipiscing, scelerisque a, vulputate gravida, est. Sed ac ligula. Curabitur felis. Mauris pellentesque, ligula vel tempor euismod; orci augue imperdiet odio; id venenatis magna leo quis nisi. Aliquam pellentesque lorem sed felis. In mattis, elit a pretium semper, erat lacus tincidunt odio, at feugiat quam lacus non massa.
</p>
<ul style="list-style-position: outside;">
  <li>ausgerückt</li>
  <li>Birnen</li>
  <li>Beeren</li>
  <li>Blutorangen</li>
</ul>

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher hat 1 Person an der Seite "list-style-position: Listenzeichen einrücken" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "list-style-position: Listenzeichen einrücken" hier bearbeiten.

Mitarbeiter
  • hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.

Kommentare: list-style-position: Listenzeichen einrücken

Neuen Kommentar schreiben
Besser erklären
Beantworten

Ich verstehe das hier nicht ganz. Was ist da der Unterschied. Kann man das irgendwie besser erklären?

Thomas H am 19.10.2008 um 20:33
Re: Besser erklären
Beantworten

so besser?

meggs am 19.10.2008 um 20:40
Re: Besser erklären
Beantworten

Perfekt! Vielen Dank!

Thomas H am 19.10.2008 um 20:53