Ü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 |
Berechneter Wert | none oder das Bild mit absoluter URI |
Animationstyp | diskret |
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
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