CSS letter-spacing

The CSS letter-spacing property determines the space in between letters.

Letter spacing is applied after bidi reordering (direction and unicode-bidi) and is in addition to any word-spacing.

The value that you provide to the letter-spacing property specifies any additional space between the letters. You can also use a negative value to pull each letter closer to each other.

Syntax

letter-spacing: normal | <length>

Possible Values

The letter-spacing property accepts the following values.

normal
No additional spacing is applied. Computes to zero.
length
Specifies additional spacing between characters using a length value (for example 0.2em). Values may be negative, but the browser may impose limits on a negative value.

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial
Represents the value specified as the property's initial value.
inherit
Represents the computed value of the property on the element's parent.
unset
This value acts as either inherit or initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.

General Information

Initial Value
normal
Applies To
All elements
Inherited?
Yes
Media
Visual
Animatable
Yes (see example)

Example Code

h1 { 
  letter-spacing: 0.1em; 
  }

Official Specifications