letter-spacing
Extra space between letters.
Syntax
letter-spacing: value;Values
| Parameter | Type | Description |
|---|---|---|
| length | length | Added to the normal spacing; can be negative: `2px`, `0.1em`. |
| normal | keyword | The font's own spacing. |
Examples
Wide and tight spacing:
<p style="letter-spacing: 4px; text-transform: uppercase;">Spaced capitals</p>
<p style="letter-spacing: -0.5px;">Slightly tighter text</p>Notes
Wider spacing improves small text in capitals — labels, buttons. In em the spacing scales with the font size.
See also
- word-spacing — Extra space between words.
- text-transform — Changes the case of letters on display.
Related recipes
In the tutorial
- Text and fonts — Font family, size, weight, italics, line height, alignment and text decoration, plus loading your own font.