CSS letter-spacing Property

CSS

letter-spacing

Property

Example

Set the letter spacing for <h1>, <h2>, and <h3> elements:

h1 {
  letter-spacing: 3px;
}

h2 {
  letter-spacing: 2px;
}

h3 {
  letter-spacing:
-1px;
}

Try it Yourself »

Definition and Usage

The letter-spacing property increases or decreases the space between characters in a text.

Show demo ❯

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property

letter-spacing
1.0
4.0
1.0
1.0
3.5

CSS Syntax

letter-spacing: normal|length|initial|inherit;

Property Values

Value
Description
Demo

normal
Defines normal space between characters. This is default
Demo ❯
length
Defines a length that is used as the space between characters (negative values are
also allowed). Read about length units
Demo ❯

initial
Sets this property to its default value. Read about initial

inherit
Inherits this property from its parent element. Read about inherit

Related Pages

CSS tutorial: CSS Text Spacing

HTML DOM reference: letterSpacing property