CSS

The word-spacing property is a CSS property used to adjust the spacing between words in text.

word-spacing

 word-spacingは、CSSのプロパティの一つで、テキスト内の単語間のスペースを制御するために使用されます。このプロパティを使用すると、単語間のスペースの幅を調整することができます。例えば、単語間のスペースを広げたり縮めたりすることができます。

 word-spacingプロパティは、指定した要素内のテキスト全体に対して適用されます。

CSS

selector {
	word-spacing: value;
}

 上記のコードで、selectorは要素を指定するセレクタです。valueは、単語間のスペースの幅を指定する値です。値には、正の数値、負の数値、または normalを指定することができます。

 正の数値を指定すると、単語間のスペースが広がります。具体的な数値は、単位として px(ピクセル)や em(要素のフォントサイズに基づく相対的な単位)などを使用します。例えば、word-spacing: 2px;と指定すると、単語間のスペースが 2ピクセル広がります。

 負の数値を指定すると、単語間のスペースが縮まります。同様に、具体的な数値には単位を使用します。例えば、word-spacing: -1em;と指定すると、単語間のスペースが現在のフォントサイズの 1倍縮まります。

 normalを指定すると、ブラウザのデフォルトの単語間隔が適用されます。

CSS

p {
	word-spacing: 4px;
}

This is a sample text. (nromal)

This is a sample text. (4px)

 上記のコードでは、p要素内のテキストの単語間に 4ピクセルのスペースが追加されます。