CSS word-spacing

スタイルシート属性 word-spacing は、各単語間のスペースの大きさを指定します。

書式

以下に示すいずれかの書式で指定する。

word-spacing: normal

word-spacing: length

normal

単語の間隔を初期値にする。

<p style="word-spacing: normal">
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

length

単語の間隔を数値と単位で指定する。以下に示す単位を使用できる。

単位

単位	意味	説明
em	font-size	現在のフォントサイズ
ex	x-height	xの高さ
rem	root em	ドキュメントのルート要素のフォントサイズ
cm	centimeters	1cm
mm	millimeters	1mm
Q	級 (quarter-millimeters)	0.25mm
in	inches	1 inch
pc	picas	1/6 inch
pt	points	1/72 inch
px	pixels	1/96 inch
%	percent	パーセント

<p style="word-spacing: .5rem>
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

<p style="word-spacing: 1rem>
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

<p style="word-spacing: 1.5rem>
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

初期値

normal

適用先

テキスト

継承

継承する

word-spacingが効かない言語

日本語は単語を分かち書きしないため、そもそも単語間に空白を入れない。日本語の文章に対して word-spacing CSSプロパティを適用しても、指定した単語間隔は効かない。

次に示す言語ではword-spacingが効かない。

参考文献

World Wide Web Consortium (2021) "CSS Text Module Level 3" CSS Working Group Editor Drafts