Style wordSpacingEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die wordSpacing-Eigenschaft legt den Abstand zwischen Wörtern im Text fest oder gibt ihn zurück.

Syntax

wordSpacing-Eigenschaft festlegen:

Object.style.wordSpacing="normal|length|inherit"

wordSpacing-Eigenschaft zurückgeben:

Object.style.wordSpacing

Wert Beschreibung
normal Standard. Legt den normalen Abstand zwischen Wörtern fest.
length Definiert den Abstand zwischen Wörtern mithilfe von Einheiten wie px, cm usw. Negative Werte sind zulässig.
inherit Der Wert der wordSpacing-Eigenschaft wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle großen Browser unterstützen die wordSpacing-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

Abstand zwischen Wörtern ändern:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel (example.com)</title>
<script>
function displayResult(){
    document.getElementById("p1").style.wordSpacing="50px";
}
</script>
</head>
<body>

<p id="p1">Dies ist etwas Text.</p>
<br>
<button type="button" onclick="displayResult()">Abstand ändern</button>

</body>
</html>

Selbst ausprobieren »

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