English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

Komplettes Verzeichnis der CSS Eigenschaften

CSS Liste-style-Verwendung und Beispiel der image Eigenschaft

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.

Syntax der Verwendung von Listenstilabbildungen

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‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
urlPosition des Abbildes, das als Listenitem-Marke verwendet wird.
noneEs wird keine Markierungsabbildung angezeigt. Stattdessen wirdlist-style-typeDiese Eigenschaft legt fest, welche Art von Listenmarkierung (falls vorhanden) dargestellt werden soll. Dies ist der Standardwert.
geneigtMarkiert als geneigte Schriftart.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird das verknüpfte Element die Liste des Elternelements list verwenden-style-Eigenschaftswerte von image.

Browserkompatibilität

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.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:HTML Liste,CSS Liste.

zusammenhängende Eigenschaften:list-style,list-style-position,list-style-type.