letter-spacing

Summary

The letter-spacing CSS property specifies spacing behavior between text characters.

• Initial value normal
• Applies to all elements
• Inherited yes
• Media visual
• Computed value an optimum value consisting of either an absolute length or the keyword normal
• Animatable yes, as a length
• Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: normal | <length>

letter-spacing: normal

letter-spacing: 0.3em
letter-spacing: 3px
letter-spacing: .3px

letter-spacing: inherit

Values

normal

The spacing is the normal spacing for the current font. This value allows the user agent to alter the space between characters in order to justify text. That's the difference to the length value 0.

<length>

Indicates inter-character space in addition to the default space between characters. Values may be negative, but there may be implementation-specific limits. User agents may not further increase or decrease the inter-character space in order to justify text.
See <length> values for possible units.

Examples

Having a css style of:

p { letter-spacing: 0.4em }

and a webpage with the code:

<p> letter spacing </p>

will produce the following:

Here are some more letter spacing examples:

Specifications

Browser compatibility

See also

• Text-related properties: letter-spacing, text-align, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, text-rendering, text-shadow, text-transform, text-indent, white-space, word-spacing