Style wordSpacing property

Definition and usage

wordSpacing Sets or returns 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:CSS κείμενο

CSS Reference Manual:word-spacing property

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

The 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 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

Υποστήριξη του προγράμματος περιήγησης

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη