CSS list-style Eigenschaft

Definition und Verwendung

Die Kurzattribut list-style setzt alle Listenattribute in einer Deklaration.

Beschreibung

Dies ist ein Kurzattribut, das alle anderen Listenstyle-Attribute abdeckt. Da es auf alle Elemente angewendet wird, die display: list-item haben, kann es in normalem HTML und XHTML nur auf li-Elemente angewendet werden, kann aber tatsächlich auf jedes Element angewendet werden und wird von list-item-Elementen geerbt.

Die folgenden Attribute können in dieser Reihenfolge festgelegt werden:

Ein Wert kann weggelassen werden, z.B. "list-style:circle inside;" ist ebenfalls erlaubt. Nicht festgelegte Attribute verwenden den Standardwert.

Weitere Informationen siehe:

CSS-Tutorial:CSS Liste

HTML DOM Referenzhandbuch:listStyle-Eigenschaft

Beispiel

Setzen Sie das Bild als Markierung des Listenelements in der Liste:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Probieren Sie es selbst aus

CSS-Syntax

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Attributwert

Wert Beschreibung
list-style-type Legt die Art der Liste der Liste der Markierung fest. Siehe:list-style-type Möglichen Werten.
list-style-position Legt fest, wo die Markierung der Liste platziert wird. Siehe:list-style-position Möglichen Werten.
list-style-image Verwenden Sie Bilder, um die Markierung der Liste zu ersetzen. Siehe:list-style-image Möglichen Werten.
inherit Legt fest, dass der Wert der list-style-Eigenschaft vom übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: disc outside none
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.listStyle="decimal inside"

Mehr Beispiele

Alle Listenattribute in einer Deklaration definieren
Dieses Beispiel zeigt, wie alle Attribute für Listen in einem Kurzattribut konfiguriert werden.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0