The word-spacing
CSS property specifies the spacing behavior between tags and words.
/* 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;
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
|
Animation type | a length |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
normal
<length>
<percentage>
normal | <length-percentage>where
<length-percentage> = <length> | <percentage>
<div id="mozdiv1">Here are many words...</div> <div id="mozdiv2">...and many more!</div>
#mozdiv1 { word-spacing: 15px; } #mozdiv2 { word-spacing: 5em; }
Specification | Status | Comment |
---|---|---|
CSS Text Module Level 3 The definition of 'word-spacing' in that specification. | Working Draft | Replaces the previous values with a <spacing-limit> value that defines the same thing, plus the <percentage> value. 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. |
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 1 | Yes | 1 | 6 | 3.5 | 1 |
<<percentage>></percentage> values |
No | ? | 45 | No | No | ? |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
---|---|---|---|---|---|---|---|
Basic support | ? | ? | Yes | No | ? | ? | ? |
<<percentage>></percentage> values |
? | ? | ? | 45 | ? | ? | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing