word-spacingプロパティ。

CSSに於ける各文字間の空白の幅・¥word-spacingプロパティに関する解説です。

word-spacingプロパティとは。

word-spacingプロパティは、各文字間の空白の幅です。

word-spacingプロパティの扱い。

word-spacingプロパティの書式。

word-spacingプロパティの書式は、以下のようになります。

word-spacing:

値としては、以下のものが取れます。

inherit
一番近い上位要素で指定された値を継承します。
normal
現在のデフォルトの文字間隔(フォント或いはユーザエージェントに依存します)が取られます(デフォルト)。
数値
数値にはパーセンテージは使えません。

現在のデフォルトの文字間隔に加える余白の量を指定します。

負値でも構いませんが、ユーザエージェントに依っては対応出来ない場合もあります。

word-spacingプロパティの記述例。

例えば、HTMLの<h1>要素において、単語間の間隔を一文字分増やしたい場合は、

h1 {
    word-spacing: 1em;
    }

と記述します。

word-spacingプロパティに関する注意事項。

word-spacingプロパティの仕様上の注意。

word-spacingプロパティは実装しなくても構いません。

仕様では、word-spacingプロパティは常にデフォルト値、すなわちフォントやユーザエージェントによって定まる値と見なしても構わない事とされております。

word-spacingプロパティとtext-align: justifyプロパティが併用されている場合。

text-alignプロパティjustifyが与えられている場合、word-spacingプロパティと矛盾します。

なぜなら、text-align: justifyプロパティが与えられている場合、改行直前の行で両端揃えが行なわれますが、そうすると単語間の間隔がword-spacingプロパティの指定に反する事になるからです。

実際問題として、word-spacingプロパティとtext-align: justifyプロパティが併用されている場合についての求められている挙動は詳しく書かれておりません。

つまり、ユーザエージェントに依存するものとなります。

  • 要するにword-spacingプロパティとtext-align: justifyプロパティを併用した場合についての挙動は保証されないと言う事です。

word-spacingプロパティの実装上の注意。

ネットスケープ 4.xでの注意事項。

ネットスケープ 4.xには、word-spacingプロパティは実装されておりません。

インターネットエクスプローラでの注意事項。

ウィンドウズ版のインターネットエクスプローラでは5.5まで実装されておりませんでした。

しかしながら、仕様上は不当ではありません。

WAP 2.0での注意事項。

WAP 2.0では、word-spacingプロパティは定義されておりませんが、オープンウェーヴ社のWAP 2.0 ウェブブラウザには実装されております。

関連項目。


しらぎくのウェブサイト作成入門サイトマップ