CSS list-style-image Eigenschaft

Definition und Verwendung

Die Eigenschaft list-style-image verwendet ein Bild, um das Symbol des Listenelements zu ersetzen.

Beschreibung

Diese Eigenschaft bestimmt das Bild, das als Symbol für eine geordnete oder unsortierte Liste verwendet wird. Der relative Platz des Bildes im Vergleich zum Inhalt des Listenelements wird in der Regel durch die Eigenschaft list-style-position gesteuert.

Anmerkung:Definieren Sie immer eine "list-style-type"-Eigenschaft, falls das Bild nicht verfügbar ist.

Weitere Informationen siehe:

CSS Tutorial:CSS Liste

CSS Referenzhandbuch:CSS list-style Eigenschaft

HTML DOM Referenzhandbuch:listStyleImage-Eigenschaft

Beispiel

Setzen Sie das Bild als Projektionsmarke in der Liste:

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Probieren Sie es selbst aus

CSS-Syntax

list-style-image: none|url|initial|inherit;

Eigenschaftswert

Wert Beschreibung
URL Pfad des Bildes.
keine Standard. Kein Bild wird angezeigt.
inherit Es wird festgelegt, dass der Wert der Eigenschaft list-style-image von dem übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: keine
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.listStyleImage="url('/images/blueball.gif')"

Mehr Beispiele

Bild als Listenmarkierung verwenden
Dieses Beispiel zeigt, wie ein Bild als Markierung für eine Liste verwendet wird.

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