Style listStyleEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die listStyle-Eigenschaft legt drei separate Listeneigenschaften in Kurzform fest oder gibt sie zurück.

Mit dieser Eigenschaft können Sie Folgendes festlegen/zurückgeben:

  • list-style-type
  • list-style-position
  • list-style-image

Syntax

Festlegen der listStyle-Eigenschaft:

Object.style.listStyle="type position image"

Zurückgeben der listStyle-Eigenschaft:

Object.style.listStyle

Tipp:Der Standardwert der Eigenschaft listStyle ist "disc outside none".

Parameter Beschreibung
type Definiert den Typ der Listenelement-Markierung.
position Positioniert die Listenelement-Markierung.
image Definiert ein Bild als Listenelement-Markierung.
inherit Der Wert der Eigenschaft listStyle wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle wichtigen Browser unterstützen die Eigenschaft listStyle.

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

Ändern Sie den Stil einer Liste:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example(example.com)</title>
<script>
function displayResult(){
    document.getElementById("ul1").style.listStyle="decimal inside";
}
</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()">Listenstil ändern</button>

</body>
</html>

Selbst ausprobieren »

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