W3cubDocs

/CSS

word-spacing

The word-spacing CSS property specifies the spacing behavior between tags and words.

/* Keyword value */
word-spacing: normal;

/* <length> values */
word-spacing: 3px;
word-spacing: 0.3em;

/* <percentage> values */
word-spacing: 50%;
word-spacing: 200%;

/* Global values */
word-spacing: inherit;
word-spacing: initial;
word-spacing: unset;
Initial value normal
Applies to all elements. It also applies to ::first-letter and ::first-line.
Inherited yes
Percentages refer to the width of the affected glyph
Media visual
Computed value an optimum, minimum, and maximum value, each consisting of either an absolute length, a percentage, or the keyword normal
Animation type a length
Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Values

normal
The normal inter-word spacing, as defined by the current font and/or the browser.
<length>
Specifies extra spacing in addition to the intrinsic inter-word spacing defined by the font.
<percentage>
Specifies extra spacing as a percentage of the affected character’s advance width.

Formal syntax

normal | <length-percentage>

where
<length-percentage> = <length> | <percentage>

Example

HTML

<div id="mozdiv1">Here are many words...</div>
<div id="mozdiv2">...and many more!</div>

CSS

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
} 

Specifications

Specification Status Comment
CSS Text Module Level 3
The definition of 'word-spacing' in that specification.
Working Draft Replaces the previous values with a <spacing-limit> value that defines the same thing, plus the <percentage> value. Allows up to three values describing the optimum, minimum, and maximum value.
CSS Transitions
The definition of 'word-spacing' in that specification.
Working Draft Defines word-spacing as animatable.
CSS Level 2 (Revision 1)
The definition of 'word-spacing' in that specification.
Recommendation No change.
CSS Level 1
The definition of 'word-spacing' in that specification.
Recommendation Initial definition.

Browser compatibility

Feature Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 1 Yes 1 6 3.5 1
<<percentage>></percentage> values No ? 45 No No ?
Feature Android webview Chrome for Android Edge mobile Firefox for Android Opera Android iOS Safari Samsung Internet
Basic support ? ? Yes No ? ? ?
<<percentage>></percentage> values ? ? ? 45 ? ? ?

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing