Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

CSS Dictionary

Home
CSS Dictionary
word-spacing

word-spacing

Specifies the spacing between words.

Sample Code

p.test { word-spacing: normal;}
p.test1 { word-spacing: 3px;}
p.test2 { word-spacing: 1em;}

Available Values

Value	Description
normal	Displays the spacing between words as defined by the current font or browser. This 'normal' is the initial value.
number	Specifies the spacing between words as a numeric value. Common units are 'px' and 'em'.

Browser Display Result

<p style="word-spacing: normal;">This is a p element. 'word-spacing: normal' is specified. this is a pen.</p>

<p style="word-spacing: 10px;">This is a p element. 'word-spacing: 10px' is specified. this is a pen.</p>

<p style="word-spacing: 2em;">This is a p element. 'word-spacing: 2em' is specified. this is a pen.</p>

Browser Compatibility

Desktop

Chrome

1+ ○

Firefox

1+ ○

Safari

1+ ○

Edge

12+ ○

Supported in all versions

11 ○

10 ○

9 ○

8 ○

7 ○

6 ○

Opera

3.5+ ○

2 and earlier ×

Mobile

iOS Safari

1+ ○

Android Browser

4.4+ ○

3 and earlier ×

Chrome Android

Latest ○

Same support as desktop

Firefox Android

Latest ○

Same support as desktop

※ Version data is based on MDN.

Details

Specifies the spacing between words.

Note that while languages like English have clear word boundaries, Japanese does not. This property is effectively only useful when the text is in English or another language with clear word breaks.

If you find any errors or copyright issues, please contact us.

Home