Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen 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 |
| Animierbar | Nein |
| 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
<uri> | 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 and Counters 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
| Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 1.0 | 1.0 (1.7 oder früher) | 4.0 | 7.0 | 1.0 |
| Merkmal | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 1.0 | 1.0 (1) | 6.0 | 6.0 | 1.0 |