CSS word-spacing 属性

定義

word-spacing 属性は、単語間のスペース（すなわち字間）を増加または減少させます。

この属性は、要素内の字間にどれだけの空白文字を挿入するかを定義します。この属性に対して、「字」とは、空白文字で囲まれた文字列を指します。長さ値として指定された場合、字間の通常の間隔を調整します；したがって、normal は 0 に設定することに等しいです。負の長さ値を指定することもできますが、これにより字間が狭くなります。

注釈：負の値も使用できます。

も参照してください：

CSS タイプ：CSS 文本

HTML DOM リファレンスマニュアル：wordSpacing 属性

例

段落内の字間を25ピクセルに設定する：

p
  {
  word-spacing:25px;
  }

実際に試してみてください

ヒントと注釈

注釈：CSSでは、「字」とは、何らかの空白文字で囲まれた非空白文字の連続を指します。この定義には実際の意味はなく、単に、ドキュメントが一つのまたは複数の空白文字で囲まれた字を含んでいると仮定しています。CSSをサポートするユーザーエージェントは、特定の言語における合法な字と合法でない字を特定できないかもしれません。この定義は非常に価値が低いですが、象形文字や非ローマ字の言語では、字間を指定することができないという意味があります。

ヒント：この属性を使用すると、字間が広すぎるドキュメントが作成される可能性がありますので、word-spacing を使用する際には注意が必要です。

CSS 文法

word-spacing: normal|length|initial|inherit;

属性値

値 説明
normal デフォルト。単語間の標準的なスペースを定義します。
length 単語間の固定スペースを定義します。
inherit この属性は、親要素から word-spacing 属性の値を継承するべきことを規定しています。

技術的詳細

デフォルト値： normal
継承性： はい
バージョン： CSS1
JavaScript 文法： object.style.wordSpacing="10px"

さらに多くの例

単語間のスペース（字間）を増加または減少させる
この例では、段落内の単語間の距離をどうやって増やすかを説明します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5