Sie lesen die englische Version dieses Inhalts, da für dieses Gebietsschema noch keine Übersetzung vorhanden ist. Helfen Sie uns, diesen Artikel zu übersetzen!
Ü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.
| Initialwert | none |
|---|---|
| Anwendbar auf | Listenelemente |
| Vererbt | Ja |
| Medien | visuell |
| Berechneter Wert | none oder das Bild mit absoluter URI |
| Animationstyp | diskret |
| Kanonische Reihenfolge | die 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-typedefinierte 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
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
list-style-image | Chrome Vollständige Unterstützung 1 | Edge Vollständige Unterstützung 12 | Firefox Vollständige Unterstützung 1 | IE Vollständige Unterstützung 4 | Opera Vollständige Unterstützung 7 | Safari Vollständige Unterstützung 1 | WebView Android Vollständige Unterstützung 1 | Chrome Android Vollständige Unterstützung 18 | Firefox Android Vollständige Unterstützung 4 | Opera Android Vollständige Unterstützung 10.1 | Safari iOS Vollständige Unterstützung 1 | Samsung Internet Android Vollständige Unterstützung Ja |
Legende
- Vollständige Unterstützung
- Vollständige Unterstützung