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 ❯

Default value: normal
Inherited: yes
Animatable: yes. Read about animatable Try it
Version: CSS1
JavaScript syntax: object.style.letterSpacing="3px" Try it

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


Copyright 1999-2023 by Refsnes Data. All Rights Reserved.