We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

word-spacing Redirect 1


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

  • Initial value normal
  • Applies to all elements
  • 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
  • Animatable yes, as a length
  • Canonical order the unique non-ambiguous order defined by the formal grammar


Formal syntax: normal | <length>
word-spacing: normal    /* Keyword value */
word-spacing: 3px       /* <length> values */
word-spacing: 0.3em

word-spacing: inherit


The normal inter-word space, as defined by the current font and/or the browser.
See <length> value for possible units.


The following CSS code:

#mozdiv1 {
  word-spacing: 15px;

#mozdiv2 {
  word-spacing: 5em;

will style two <div> tags containing text as shown here:



Specification Status Comment
CSS Text Level 3 Working Draft Replace the previous values with a <spacing-limit> value that defines the same value, plus the <percentage> value and allows up to three values describing the optimum, minimum, and maximum value.
CSS Transitions Working Draft Defines visibility as animatable.
CSS Level 2 (Revision 1) Recommendation No change.
CSS Level 1 Recommendation Initial specification.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 6.0 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

See also

Document Tags and Contributors

Last updated by: Sheppy,