Stil wordspacing Property
Beispiel
Stellen Sie den Abstand zwischen Wörtern in einem <p>-Element auf 50 Pixel ein:
document.getElementById("myP").style.wordSpacing = "50px";
Definition und Verwendung
Die Eigenschaft wordSpacing legt den Abstand zwischen Wörtern in einem Text fest oder gibt ihn zurück.
Tipp: Um den Abstand zwischen Zeichen in einem Text festzulegen oder zurückzugeben, verwenden Sie die Eigenschaft letterSpacing .
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
WordSpacing | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die wordSpacing-Eigenschaft zurück:
object.style.wordSpacing
Legen Sie die wordSpacing-Eigenschaft fest:
object.style.wordSpacing = "normal|length|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
normal | Defines normal spacing between words. This is default |
length | Specifies the space between words 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 Wörtern im Text darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Verwenden negativer Werte:
document.getElementById("myP").style.wordSpacing = -3px";
Beispiel
Gibt den Wortabstand eines <p>-Elements zurück:
alert(document.getElementById("myP").style.wordSpacing);
Beispiel
Unterschied zwischen der Eigenschaft letterSpacing und der Eigenschaft wordSpacing:
function changeLetters() {
document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
document.getElementById("myP2").style.wordSpacing = "15px";
}
Verwandte Seiten
CSS-Tutorial: CSS-Text
CSS-Referenz: Wortabstandseigenschaft
❮ Style-Objekt