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ピクセルのスペースが追加されます。