Style listStylePositionEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die Eigenschaft listStylePosition legt die Position des Markers für Listenelemente fest oder gibt sie zurück.

Syntax

Die Eigenschaft listStylePosition festlegen:

Object.style.listStylePosition="outside|inside|inherit"

Die Eigenschaft listStylePosition zurückgeben:

Object.style.listStylePosition

Wert Beschreibung
outside Standard. Listenelement-Markierungen werden vor jeglichem Textinhalt gerendert. Die Listenelement-Markierung wird außerhalb des Textes platziert, und umgebrochener Text wird nicht an der Markierung ausgerichtet.
innerhalb Rückt die Listenelement-Markierung ein. Die Listenelement-Markierung wird innerhalb des Textes platziert, und umgebrochener Text wird an der Markierung ausgerichtet.
inherit Der Wert der listStylePosition-Eigenschaft wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die listStylePosition-Eigenschaft.

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

Rücken Sie die Listenelement-Markierung ein, indem Sie auf die Schaltfläche klicken:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
    document.getElementById("ul1").style.listStylePosition="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()">Listenelement-Markierungen einrücken</button>

</body>
</html>

Selbst ausprobieren »

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