Style wordSpacing property

Definition and Usage

wordSpacing Attribute to set or return the word spacing in the text.

Tip :To set or return the spacing between characters in the text, use letterSpacing property.

See also :

CSS Tutorial :Texte CSS

CSS Reference Manual :word-spacing property

Example

Example 1

Set the word spacing of the <p> element to 50 pixels :

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

Try it yourself

Example 2

Use negative values :

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

Try it yourself

Example 3

Return the word spacing of the <p> element :

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

Try it yourself

Example 4

Difference between letterSpacing and wordSpacing properties :

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

Try it yourself

Syntax

Return the wordSpacing property :

object.style.wordSpacing

Set the wordSpacing property :

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

Attribute value

Value Description
normal Define the normal space between words. Default.
length Specify the space between words in length units. Negative values are allowed.
initial Set this property to its default value. See also initial.
inherit Inherit this property from its parent element. See also inherit.

Technical details

Default value : normal
Return value : A string that represents the spaces between words in the text.
CSS version : CSS1

Compatibilité du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support