list-style-image

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.

Initialwertnone
Anwendbar aufListenelemente
VererbtJa
Medienvisuell
Berechneter Wertnone oder das Bild mit absoluter URI
AnimierbarNein
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

<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

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: wizAmit, SphinxKnight, Sebastianz
 Zuletzt aktualisiert von: wizAmit,