Definition and Usage
The letter-spacing CSS property specifies spacing behavior between text characters.
- Initial normal
- Applies to all elements
- Inherited yes
- Media visual
- Computed Value an optimum value consisting of either an absolute length or the keyword normal
- Animatable yes, as a length
- Canonical order the unique non-ambiguous order defined by the formal grammar
Syntax
Formal syntax: normal | <length>
letter-spacing: normal letter-spacing: 0.3em letter-spacing: 3px letter-spacing: inherit
Values
- normal
- The spacing is the normal spacing for the current font. This value allows the user agent to alter the space between characters in order to justify text. That's the difference to the length value 0.
- <length>
- Indicates inter-character space in addition to the default space between characters. Values may be negative, but there may be implementation-specific limits. User agents may not further increase or decrease the inter-character space in order to justify text. See <length> values for possible units.
Examples
p { letter-spacing: 0.4em }
<p> letter spacing </p>
Result:
letter spacing
More letter spacing examples:
letter-spacing: 0.1em
letter-spacing: 0.5em
letter-spacing: 0.8em
letter-spacing: 1em
letter-spacing: -0.05em
letter-spacing: 6px
letter-spacing: 0.5em
letter-spacing: 0.8em
letter-spacing: 1em
letter-spacing: -0.05em
letter-spacing: 6px
Compatibility
Desktop browsers
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
HTML support | 1.0 | 1.0 (1.7 or earlier) | 4.0 | 3.5 | 1.0 (85) |
SVG support | (Yes) | Not supported (bug 371787) | NA | (Yes) | (Yes) |
Mobile browsers
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
HTML support | NA | NA | NA | NA | NA |
SVG support | NA | NA | NA | NA | NA |