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 |
| 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
Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!
| 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 |