Neueste Web-Entwicklung Tutorials
 

Style wordSpacing Property

<Style - Objekt

Beispiel

Stellen Sie den Abstand zwischen den Wörtern in einem <p> Element 50 Pixel:

document.getElementById("myP").style.wordSpacing = "50px";
Versuch es selber "

Definition und Verwendung

Die wordspacing Eigenschaftssätze oder gibt den Abstand zwischen den Wörtern in einem Text.

Tipp: Um den Abstand zwischen den Zeichen in einem Text, verwenden Sie die Set oder Rückkehr letterSpacing Eigenschaft.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die wordspacing Eigenschaft wird in allen gängigen Browsern unterstützt.


Syntax

Bringen Sie die wordspacing Eigenschaft:

object .style.wordSpacing

Stellen Sie die wordspacing Eigenschaft:

object .style.wordSpacing="normal| Eigenschaftswerte
Wert Beschreibung
normal Definiert normalen Abstand zwischen den Wörtern. Dies ist die Standardeinstellung
length Gibt den Abstand zwischen den Worten in Längeneinheiten. Negative Werte sind erlaubt
initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert: normal
Rückgabewert: Ein String, die den Abstand zwischen den Wörtern in dem Text
CSS Version CSS1

Mehr Beispiele

Beispiel

Mit negativen Werten:

document.getElementById("myP").style.wordSpacing = -3px";
Versuch es selber "

Beispiel

Bringen Sie den Wortabstand eines <p> Element:

alert(document.getElementById("myP").style.wordSpacing);
Versuch es selber "

Beispiel

Differenz zwischen der letterSpacing Eigenschaft und der wordspacing Eigenschaft:

function changeLetters() {
    document.getElementById("myP1").style.letterSpacing = "15px";
}

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
Versuch es selber "

Verwandte Seiten

CSS Tutorial: CSS Text

CSS - Referenz: Wortabstand Eigenschaft


<Style - Objekt