word-spacing
word-spacingプロパティは、単語の間隔を調整するプロパティです。
この文字間隔のアルゴリズムは定められていないため、UA(ブラウザなど)に依存しています。
また、両端揃えの影響を受ける事が有ります。
- 対応ブラウザ
-
プロパティの解説
- 値
- normal|<長さ>|inherit
- 初期値
- normal
- 適用される要素
- 全ての要素
- 継承
- しません
- パーセント値
- N/A
- メディア
- visual
値の解説
- normal
- 現在指定されているフォントで標準の単語間隔になります。
- <長さ>
- 単語間隔を増加させるために長さを指定します。マイナス値の指定も不正にはなりませんが、大きな値を入れると読めなくなったりします。
word-spacingのサンプル
p.sample01 {
word-spacing: normal;
}
p.sample02 {
word-spacing: 1em;
}
p.sample03 {
word-spacing: 10px;
}
p.sample04 {
word-spacing: 20px;
}
p.sample05 {
word-spacing: -5px;
}
<p class="sample01">word spacing プロパティのサンプルです。</p>
<p class="sample02">word spacing プロパティのサンプルです。</p>
<p class="sample03">word spacing プロパティのサンプルです。</p>
<p class="sample04">word spacing プロパティのサンプルです。</p>
<p class="sample05">word spacing プロパティのサンプルです。</p>
このサンプルを今見ているブラウザで表示すると以下のようになります。
- サンプルのブラウザ上の表示
-
word spacing プロパティのサンプルです。
word spacing プロパティのサンプルです。
word spacing プロパティのサンプルです。
word spacing プロパティのサンプルです。
word spacing プロパティのサンプルです。
残念ながら、日本語ではあまり意味が有りません。