Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

CSS Dictionary

Home
CSS Dictionary
letter-spacing

letter-spacing

Specifies the spacing between characters (horizontal spacing between letters).

Sample Code

p.test { letter-spacing: normal;}
p.test1 { letter-spacing: 10px;}
p.test2 { letter-spacing: 0.8rem;}
p.test3 { letter-spacing: -2px;}

Available Values

Value	Description
normal	Leaves the character spacing up to the browser. In most cases, the spacing defined in the font is used as-is. This is the initial value.
number	Specifies the character spacing as a numeric value. Supported units include 'px', 'pt', '%', 'em', 'rem', etc. Negative values are allowed.

Browser Display Result

<p style="letter-spacing: 10px">This is a p element with 'letter-spacing: <span style="color: #f00;">10px</span>'.</p>

<p style="letter-spacing: 0.8rem">This is a p element with 'letter-spacing: <span style="color: #f00;">0.8rem</span>'.</p>

<p style="letter-spacing: -2px;">This is a p element with 'letter-spacing: <span style="color: #f00;">-2px;</span>'.</p>

Browser Compatibility

Desktop

Chrome

1+ ○

Firefox

1+ ○

Safari

1+ ○

Edge

12+ ○

Supported in all versions

11 ○

10 ○

9 ○

8 ○

7 ○

6 ○

Opera

3.5+ ○

2 and earlier ×

Mobile

iOS Safari

1+ ○

Android Browser

4.4+ ○

3 and earlier ×

Chrome Android

Latest ○

Same support as desktop

Firefox Android

Latest ○

Same support as desktop

※ Version data is based on MDN.

If you find any errors or copyright issues, please contact us.

Home