Style letterSpacing- Eigenschaft
Beispiel
Stellen Sie den Abstand zwischen Zeichen in einem Element auf 15 Pixel ein:
document.getElementById("demo").style.letterSpacing = "15px";
Definition und Verwendung
Die Eigenschaft letterSpacing legt den Abstand zwischen Zeichen in einem Text fest oder gibt ihn zurück.
Tipp: Um den Abstand zwischen Wörtern in einem Text festzulegen oder zurückzugeben, verwenden Sie die Eigenschaft wordSpacing .
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
letterSpacing | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft letterSpacing zurück:
object.style.letterSpacing
Legen Sie die letterSpacing-Eigenschaft fest:
object.style.letterSpacing = "normal|length|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
normal | Normal space between characters. This is default |
length | Defines the space in length units. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | normal |
---|---|
Rückgabewert: | Ein String, der den Abstand zwischen Zeichen im Text darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Verwenden negativer Werte:
document.getElementById("demo").style.letterSpacing = "-2px";
Beispiel
Gibt den Buchstabenabstand eines Elements zurück:
alert(document.getElementById("demo").style.letterSpacing);
Beispiel
Unterschied zwischen der Eigenschaft letterSpacing und der Eigenschaft wordSpacing:
function changeLetters() {
document.getElementById("demo1").style.letterSpacing = "15px";
}
function changeWords() {
document.getElementById("demo2").style.wordSpacing = "15px";
}
Verwandte Seiten
CSS-Tutorial: CSS-Text
CSS -Referenz: Buchstabenabstandseigenschaft
❮ Style-Objekt