Style wordSpacing attribute

Definition and usage

wordSpacing Attribute sets or returns the word spacing in text.

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

See also:

CSS Tutorial:CSS tekst

CSS Reference Manual:word-spacing attribute

Example

Example 1

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

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

Try it yourself

Example 2

Using negative values:

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

Try it yourself

Example 3

Returns 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 wordSpacing attribute:

object.style.wordSpacing

Set wordSpacing attribute:

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

Attribute value

Value Description
normal Defines the normal spacing between words. Default.
length Specifies the spacing between words in length units. Negative values are allowed.
initial Sets this property to its default value. See also initial.
inherit Inherits 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

Browserunderstøttelse

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