Style letterSpacingEigenschaft
Style-Objekt
Definition und Verwendung
Die letterSpacing-Eigenschaft legt den Abstand zwischen Zeichen im Text fest oder gibt ihn zurück.
Syntax
Legen Sie die letterSpacing-Eigenschaft fest:
Object.style.letterSpacing="normal|length|inherit"
Geben Sie die letterSpacing-Eigenschaft zurück:
Object.style.letterSpacing
| Wert | Beschreibung |
|---|---|
| normal | Standard. Definiert den Standardabstand zwischen Zeichen. |
| length | Definiert den Abstand zwischen Zeichen mithilfe von Einheiten wie px, cm. Negative Werte sind erlaubt. |
| inherit | Der Wert der letterSpacing-Eigenschaft wird vom übergeordneten Element geerbt. |
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Alle gängigen Browser unterstützen die letterSpacing-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
Ändern Sie den Abstand zwischen Zeichen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
document.getElementById("p1").style.letterSpacing="15px";
}
</script>
</head>
<body>
<p id="p1">Dies ist etwas Text.</p>
<br>
<button type="button" onclick="displayResult()">Zeichenabstand ändern</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
document.getElementById("p1").style.letterSpacing="15px";
}
</script>
</head>
<body>
<p id="p1">Dies ist etwas Text.</p>
<br>
<button type="button" onclick="displayResult()">Zeichenabstand ändern</button>
</body>
</html>
Selbst ausprobieren »
Style-Objekt Andere Erweiterungen