概要
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 サポート | ? | ? | ? | ? | ? |