English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
list-style-Die image CSS-Eigenschaft legt ein Abbild als Markierungssymbol für Listenelemente fest.
Die folgende Tabelle enthält Anweisungen und Versionshistorie der Verwendung dieses Wertes sowie die Syntax der Verwendung in JavaScript-Skripten.
Standardwert: | normal |
---|---|
Geeignet für: | Listenelement |
Vererbung: | Ja |
Animierbar: | Nein.Siehe Animationseigenschaft. |
Version: | CSS 1,2,3 |
JavaScript-Syntax: | object.style.listStyleImage="url('images/arrow.png') |
Hinweis:Dieselist-styleKurzschreibweisen von CSS sind oft bequemer und die bevorzugte Methode, um Listenstilattribute zu setzen.
Die Syntax dieser Eigenschaft lautet wie folgt:
list-style-image: url | none | initial | inherit
Die folgenden Beispiele zeigen, wie man list-style-image Eigenschaft.
ul { list-style-image: url("images/arrow.png"); }Testen Sie es heraus‹/›
Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
Wert | Beschreibung |
---|---|
url | Position des Abbildes, das als Listenitem-Marke verwendet wird. |
none | Es wird keine Markierungsabbildung angezeigt. Stattdessen wirdlist-style-typeDiese Eigenschaft legt fest, welche Art von Listenmarkierung (falls vorhanden) dargestellt werden soll. Dies ist der Standardwert. |
geneigt | Markiert als geneigte Schriftart. |
initial | Setzen Sie diesen Wert auf seinen Standardwert. |
inherit | Wenn angegeben, wird das verknüpfte Element die Liste des Elternelements list verwenden-style-Eigenschaftswerte von image. |
list-style-Browserkompatibilität der image Eigenschaft, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:HTML Liste,CSS Liste.
zusammenhängende Eigenschaften:list-style,list-style-position,list-style-type.