概要

letter-spacing プロパティはテキストの字間のスペースに関する挙動を指定します。

初期値normal
適用対象全要素. It also applies to ::first-letter and ::first-line.
継承継承する
メディアvisual
計算値an optimum value consisting of either an absolute length or the keyword normal
アニメーションの可否可。 の値として補完しますlength
正規順序形式文法で定義される一意のあいまいでない順序

構文

/* <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;

normal
字間は現在のフォントでの通常の空き量になります。0 という値とは違って、この値はユーザエージェントがテキストを両端揃えするために字間の空きを変えることを許します。
<length>
デフォルトの字間スペースに加える空きを指定します。負の値も指定可能ですが、実装依存の制限がある場合があります。ユーザエージェントはテキストを両端揃えするために、字間スペースをさらに増減させないかもしれません。
指定可能な単位については、<length> を参照してください。</length>

形式文法

normal | <length>

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; }

仕様

仕様書 策定状況 コメント
CSS Text Level 3
letter-spacing の定義
草案 変更なし
CSS Transitions
letter-spacing の定義
草案 letter-spacing をアニメーション可能として定義。
CSS Level 2 (Revision 1)
letter-spacing の定義
勧告 変更なし
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
letter-spacing の定義
勧告 SVG での初回定義
CSS Level 1
letter-spacing の定義
勧告 初回定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
HTML サポート 1.0 1.0 (1.7 or earlier) 4.0 3.5 1.0 (85)
SVG サポート (有) 未サポート (バグ 371787) ? (有) (有)
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
HTML サポート ? ? ? ? ?
SVG サポート ? ? ? ? ?

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: Prinz_Rana, mitsuba-clover, Sebastianz, ethertank, sosleepy, teoli
 最終更新者: Prinz_Rana,