letter-spacing
The letter-spacing property adjusts horizontal spacing between characters (tracking).
Syntax
letter-spacing: normal | <length>;
Examples
.eyebrow {
text-transform: uppercase;
letter-spacing: 0.08em;
}
h1 { letter-spacing: -0.02em; }
Output
Renders a spaced-out uppercase eyebrow label and a slightly tightened large heading.
Notes
Use em units so spacing scales with font size. Slight negative tracking can tighten large display headings; loose positive tracking suits uppercase labels. Excessive spacing harms readability and can break screen-reader pronunciation.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 1.0 |
| firefox | 1.0 |
| safari | 1.0 |
| edge | 12 |