Diese Übersetzung ist in Arbeit.

Ü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
Medienvisuell
Berechneter Wertnone oder das Bild mit absoluter URI
Animationstypdiskret
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 4Opera Vollständige Unterstützung 7Safari Vollständige Unterstützung 1WebView Android Vollständige Unterstützung 1Chrome Android Vollständige Unterstützung JaEdge Mobile Vollständige Unterstützung 12Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 6Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung  
Vollständige Unterstützung

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, wizAmit, SphinxKnight, Sebastianz
Zuletzt aktualisiert von: mdnwebdocs-bot,