Search w3schools.com:

SHARE THIS PAGE

Style wordSpacing Property

Style Object Reference Style Object

Definition and Usage

The wordSpacing property sets or returns the spacing between words in a text.

Syntax

Set the wordSpacing property:

Object.style.wordSpacing="normal|length|inherit"

Return the wordSpacing property:

Object.style.wordSpacing

Value Description
normal Defines normal spacing between words. This is default
length Specifies the space between words in length units. Negative values are allowed

inherit The value of the wordSpacing property is inherited from parent element


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The wordSpacing property is supported in all major browsers.

Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".


Example

Example

Change the space between words:

<html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.wordSpacing="50px";
}
</script>
</head>
<body>

<p id="p1">This is some text.</p>
<br>

<button type="button" onclick="displayResult()">Change space</button>

</body>
</html>

Try it yourself »


Style Object Reference Style Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]