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,