list-style-image

├ťbersicht

Die list-style-image CSS Eigenschaft gibt das Bild an, das als Aufz├Ąhlungszeichen verwendet wird.

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

Initialwertnone
Anwendbar aufListenelemente
VererbtJa
Berechneter Wertnone oder das Bild mit absoluter URI
Animationstypdiskret

Syntax

/* Schl├╝sselwortwerte */
list-style-image: none;

/* <url> Werte */
list-style-image: url('starsolid.gif');

/* Globale Werte */
list-style-image: inherit;
list-style-image: initial;
list-style-image: unset;

Werte

<uri>
Adresse des Bildes, das als Aufz├Ąhlungszeichen verwendet werden soll.
none
Gibt an, dass kein Bild als Aufz├Ąhlungszeichen verwendet werden soll. Falls dieser Wert gesetzt ist, wird das in list-style-type definierte Aufz├Ąhlungszeichen verwendet.

Formale Syntax

<url> | none

Beispiele

HTML

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

CSS

ul {
  list-style-image: url("https://mdn.mozillademos.org/files/11981/starsolid.gif")
}

Result

Spezifikationen

Spezifikation Status Anmerkung
CSS Lists Module Level 3
Die Definition von 'list-style-image' in dieser Spezifikation.
Arbeitsentwurf Erweitert die Unterst├╝tzung auf beliebige <image> Datentypen.
CSS Level 2 (Revision 1)
Die Definition von 'list-style-image' in dieser Spezifikation.
Empfehlung Urspr├╝ngliche Definition

Browser Kompatibilit├Ąt

BCD tables only load in the browser

Siehe auch