word-spacing プロパティ

word-spacingプロパティは単語間の間隔を設定します。 プロパティの値には、パーセントを除くあらゆるサイズ単位を指定できます。負の値も有効です。 normalの値はブラウザに単語間隔の計算を任せます（デフォルト値）。

テキストの配置が text-align の値 justify で指定されている場合、単語間の間隔は自動的に設定されますが、word-spacing で指定された値より小さくはなりません。

構文

cssセレクタ {
  word-spacing: 値;
}

例

単語間の距離を30pxに設定してみましょう：

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: 30px;
  text-align: left;
}

Результат:

例

word-spacingに負の値を設定すると、単語間の距離はほぼなくなります：

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: -7px;
}

Результат:

例

このプロパティをゼロに設定しても、単語が結合することはありません：

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: 0;
}

Результат:

例

word-spacingの値をnormal（これがデフォルト値です）に設定します：

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: normal;
}

Результат: