tas2580
Blog über Webentwicklung

CSS - list-style-image

Die list-style-image Eigenschaft ersetzt die list-item Markierung mit einem Bild.

Beispiel

ul {
    list-style-image: url('bild.jpg');
}

Definition und Verwendung

Hinweis: Setze immer zusätzlich die list-style-type Eigenschaft. Diese Eigenschaft wird verwendet, wenn das Bild aus irgendeinem Grund nicht verfügbar ist.

Standard Wert:
none
CSS Version:
CSS1
Vererbt sich:
Ja
Animierbar:
Nein

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
URL Der Pfad zum Bild als Listenelement Marker verwendet wird.
none Kein Bild wird angezeigt. Stattdessen wird der in der list-style-type Eigenschaft definierte Listen Marker verwendet. Dies ist die Standardeinstellung.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.