list-style-position

von 1 Mitwirkenden:

Übersicht

Die list-style-position CSS Eigenschaft gibt die Position der Aufzählungszeichenbox innerhalb der Hauptblockbox an.

Es ist oft einfacher, die Kurzform Eigenschaft list-style zu verwenden.

  • Initialwert outside
  • Anwendbar auf list items
  • Vererbt Ja
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert siehe Spezifikation
  • Animierbar Nein
  • Kanonische Reihenfolge die einzige nicht missverständliche Reihenfolge definiert durch die formale Grammatik

Syntax

Formale Syntax: inside | outside
list-style-position: inside
list-style-position: outside

list-style-position: inherit

Werte

outside
Die Aufzählungszeichenbox liegt außerhalb der Hauptblockbox.
inside
Die Aufzählungszeichenbox ist die erste Inlinebox der Hauptblockbox, nach der der Inhalt des Elements steht.

Beispiel

Live-Beispiel ansehen

.one {
  list-style: url(starsolid.gif) inside;
}

.two {
  list-style-position: outside;
  list-style-type: circle;
}

.three {
  list-style-image: url(starsolid.gif);
  list-style-position: none;
}

Spezifikationen

Spezifikation Status Anmerkung
CSS Lists and Counters Module Level 3
Die Definition von 'list-style-position' in dieser Spezifikation.
Arbeitsentwurf Keine Änderung
CSS Level 2 (Revision 1)
Die Definition von 'list-style-position' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Grundlegende Unterstützung 1.0 1.0 (1.0) 4.0 3.5 1.0 (85)
Merkmal Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? ? ? ?

Hinweis: Es gibt Unterschiede im Verhalten der Browser, wenn ein Blockelement das erste Element innerhalb eines Listenelements ist, das als list-style-position: inside angegeben wird. Chrome und Safari platzieren dieses Element auf der gleichen Linie wie die Aufzählungszeichenbox, wobei Firefox, Internet Explorer und Opera es auf der nächsten Zeile platzieren. Für weitere Informationen hierzu siehe den zugehörigen Mozilla Fehlerbericht und ein Beispiel.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Sebastianz
Zuletzt aktualisiert von: Sebastianz,