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.
Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| 6 | 12 | 1 | 1 | 3.5 | 1 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| 37 | 18 | 4 | X | 1 | X |