letter-spacing

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

/* <length> values */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;

/* Keyword values */
letter-spacing: normal;

/* Global values */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;

Syntax

Values

normal

The normal letter spacing for the current font. Unlike a value of 0, this value allows the user agent to alter the space between characters in order to justify text.

<length>

Specifies extra 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.

Formal syntax

normal | <length>

Examples

HTML

<p class="first-example"> letter spacing </p>
<p class="second-example"> letter spacing </p>
<p class="third-example"> letter spacing </p>
<p class="fourth-example"> letter spacing </p>

CSS

.first-example  { letter-spacing: 0.4em; }
.second-example { letter-spacing: 1em; }
.third-example  { letter-spacing: -0.05em; }
.fourth-example { letter-spacing: 6px; }

Specifications

Browser compatibility

See also

• font-kerning