wordSpacing-Style-Attribut

Definition und Verwendung

wordSpacing Attribut, um den Abstand zwischen den Textzeichen zu setzen oder zurückzugeben.

Hinweis:Verwenden Sie letterSpacing-Attribut.

Weitere Informationen:

CSS-Tutorial:CSS-Text

CSS-Referenzhandbuch:word-spacing-Attribut

Beispiel

Beispiel 1

Setzt den Wortabstand des <p>-Elements auf 50 Pixel:

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

Versuchen Sie es selbst

Beispiel 2

Verwendung negativer Werte:

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

Versuchen Sie es selbst

Beispiel 3

Gibt den Wortabstand des <p>-Elements zurück:

alert(document.getElementById("myP").style.wordSpacing);

Versuchen Sie es selbst

Beispiel 4

Unterschied zwischen dem letterSpacing- und dem wordSpacing-Attribut:

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

Versuchen Sie es selbst

Syntax

Gibt das wordSpacing-Attribut zurück:

object.style.wordSpacing

Setzt das wordSpacing-Attribut:

object.style.wordSpacing = "normal|length|initial|inherit"

Attributwert

Wert Beschreibung
normal Definiert den normalen Abstand zwischen den Wörtern. Standard.
length Legt den Abstand zwischen den Wörtern mit Längenmaßen fest. Negative Werte sind erlaubt.
initial Setzt diesen Attributwert auf seinen Standardwert. Siehe initial.
inherit Erbt diesen Attributwert von seinem übergeordneten Element. Siehe inherit.

Technische Details

Standardwert: normal
Rückgabewert: Zeichenkette, die den Leerzeichen zwischen den Wörtern im Text darstellt.
CSS Version: CSS1

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung