The word-spacing property specifies the amount of spacing between words.

  • Initial valuenormal
  • Applies toAll elements
  • InheritedYes
  • MediaVisual
  • Computed valueAn absolute length
  • AnimatableNo
  • CSS VersionCSS1, CSS2, CSS3
  • JavaScript syntaxobject.style.wordSpacing
Formal syntax: [ normal | <length> | <percentage>] 

word-spacing: normal;
word-spacing: 2px;
word-spacing: 3%;
  • normalNo additional spacing is applied.
  • <length>Specifies extra spacing in addition to the intrinsic inter-word spacing defined by the font. Values may be negative, but there may be implementation-dependent limits.
  • <percentage>Specifies the additional spacing as a percentage of the affected character's advance measure.
  • inherit
.class {
   word-spacing: 1em;
}

Click the button below to experiment with this property.

Give it a Try!

1+Firefox6+Explorer1+Chrome1+Safari8+Opera


Last updated on 6th April 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.