There was a scripting error on this page. While it is being addressed by site editors, you can view partial content below.
Summary
The word-spacing CSS property specifies the spacing behavior between tags and words.
| 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 |
| Animatable | yes, as a length |
| Canonical order | the unique non-ambiguous order defined by the formal grammar |
Syntax
/* 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;
Values
normal- The normal inter-word space, 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. See {{ cssxref }} value for possible units.
<percentage>- Specifies the additional spacing as a percentage of the affected character’s advance width.
Formal syntax
normal | <length> | <percentage>
Examples
The following CSS code:
#mozdiv1 {
word-spacing: 15px;
}
#mozdiv2 {
word-spacing: 5em;
}
will style two <div> tags containing text as shown here:

Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Text Level 3 The definition of 'word-spacing' in that specification. |
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 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 | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier) | 6.0 | 3.5 | 1.0 (85) |
| Percentages | No support | 45.0 (45.0) | No support | No support | ? |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | ? | No support | ? | ? | ? |
| Percentages | ? | 45.0 (45.0) | ? | ? | ? |
Document Tags and Contributors
Tags:
Contributors to this page:
shivam3596,
Prinz_Rana,
ggbaker,
Sebastianz,
fscholz,
jsx,
HTMLValidator,
teoli,
kscarfone,
Sheppy,
ethertank,
syssgx,
FredB,
Jürgen Jeka,
Mgjbot,
BijuGC
Last updated by:
shivam3596,