CSS word-spacing Property

Description

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

Initial value
normal
Applies to
All elements
Inherited
Yes
Media
Visual
Computed value
An absolute length
Animatable
No
CSS Version
CSS1, CSS2, CSS3
JavaScript syntax
object.style.wordSpacing

Syntax

Formal syntax: [ normal | <length> | <percentage>] 

word-spacing: normal;
word-spacing: 2px;
word-spacing: 3%;

Values

  • 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

Example

.class {
   word-spacing: 1em;
}

Give it a Try

Click the button below to experiment with this property.

Give it a Try!

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
612113.51
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
37184X1X