Our volunteers haven't translated this article into 한국어 yet. Join us and help get the job done!
You can also read the article in English (US).

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

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

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

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

Initial valuenormal
Applies toall elements. It also applies to ::first-letter and ::first-line.
Inheritedyes
Mediavisual
Computed valuean optimum value consisting of either an absolute length or the keyword normal
Animation typea length
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

Values

normal
The normal letter spacing for the current font. Unlike a value of 0, this keyword 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="normal">letter spacing</p>
<p class="em-wide">letter spacing</p>
<p class="em-wider">letter spacing</p>
<p class="em-tight">letter spacing</p>
<p class="px-wide">letter spacing</p>

CSS

.normal   { letter-spacing: normal; }
.em-wide  { letter-spacing: 0.4em; }
.em-wider { letter-spacing: 1em; }
.em-tight { letter-spacing: -0.05em; }
.px-wide  { letter-spacing: 6px; }

Result

Specifications

Specification Status Comment
CSS Text Module Level 3
The definition of 'letter-spacing' in that specification.
Working Draft No change.
CSS Transitions
The definition of 'letter-spacing' in that specification.
Working Draft Defines letter-spacing as animatable.
CSS Level 2 (Revision 1)
The definition of 'letter-spacing' in that specification.
Recommendation No change.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'letter-spacing' in that specification.
Recommendation Initial SVG definition.
CSS Level 1
The definition of 'letter-spacing' in that specification.
Recommendation Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support1 Yes143.51
SVG support Yes ? No ? Yes Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? Yes4 ? ? ?
SVG support ? ? ? ? ? ? ?

See also

문서 태그 및 공헌자

 최종 변경: mfluehr,