Style listStyleImageEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die listStyleImage-Eigenschaft legt das Bild fest, das als Listenpunkt-Markierung verwendet wird, oder gibt es zurück.

Syntax

Festlegen der listStyleImage-Eigenschaft:

Object.style.listStyleImage="none|url|inherit"

Zurückgeben der listStyleImage-Eigenschaft:

Object.style.listStyleImage

Wert Beschreibung
none Standard. Es wird kein Bild angezeigt.
url Gibt den Pfad zum Bild an.
inherit Der Wert der Eigenschaft listStyleImage wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die Eigenschaft listStyleImage.

Hinweis:IE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 unterstützt "inherit" nur, wenn ein !DOCTYPE angegeben ist. IE9 unterstützt "inherit".

Beispiel

Beispiel

Den Marker für Listenelemente einer Liste ändern:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
    document.getElementById("ul1").style.listStyleImage="url('sqorange.gif')";
}
</script>
</head>
<body>

<ul id="ul1">
  <li>Kaffee</li>
  <li>Tee</li>
  <li>Wasser</li>
  <li>Soda</li>
</ul>
<br>
<button type="button" onclick="displayResult()">Listenaufzählungsmarker ändern</button>

</body>
</html>

Selbst ausprobieren »

Style 对象参考手册Style-Objekt Andere Erweiterungen