トップページの中の プロパティの中の Wのプロパティ一覧の中の word-spacing

word-spacing

  • 最終更新:2009年11月 8日 16:57

word-spacingプロパティは、単語の間隔を調整するプロパティです。

この文字間隔のアルゴリズムは定められていないため、UA(ブラウザなど)に依存しています。
また、両端揃えの影響を受ける事が有ります。

対応ブラウザ
  • IE6対応
  • IE7対応
  • IE8対応
  • Firefox3.5対応
  • Opera10対応
  • Safari4対応
  • Chrome3対応

プロパティの解説

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 プロパティのサンプルです。

残念ながら、日本語ではあまり意味が有りません。

このページの上部へ