CSS letter-spacing Property


Example

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

h1 {
    letter-spacing: 2px;
}

h2 {
    letter-spacing: -3px;
}

Try it yourself »

Definition and Usage

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

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 Play it
normal No extra space between characters. This is default Play it »
length Defines an extra space between characters (negative values are allowed) Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit

Related Pages

CSS tutorial: CSS Text

HTML DOM reference: letterSpacing property



SHARE THIS PAGE

COLOR PICKER

colorpicker