word-spacing プロパティ
word-spacing プロパティは、単語と単語の間の幅を指定する CSS のプロパティです。
文字間の幅を指定するにはletter-spacingプロパティを使います。
word-spacing: 6px;
word-spacing プロパティは、負の値も使用できます。
英単語間ではこのプロパティは機能しますが、日本語の場合は単語ごとに区切られないので指定値は反映されないようです。
ページ内 Index
構文(Syntax)
CSS
word-spacing: normal | length | initial | inherit;
DOM ( JavaScript )
String = object.style.wordSpacing;
object.style.wordSpacing="normal | length | initial | inherit";
値(Values)
Value | 摘要 |
---|---|
normal | 初期値(default値) |
length | CSS長さの単位を参照のこと |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
初期値(Default value) | normal |
継承(Inherited) | Yes |
CSS Animation | Yes |
Example
word-spacingの例です。単語間のスペースを調整することができます。
英単語間では機能します。単語間を空けない日本語の文章では機能しません。
文字間を調整するにはletter-spacingプロパティを使います。
関連プロパティ
以下はテキスト配置に関連するプロパティです。
letter-spacing | 文字間隔 |
line-height | テキストの行間 |
overflow-wrap | 単語がエレメント内に入りきらない場合の設定 |
tab-size | タブのサイズ |
text-align | 右寄せ、中央寄せ、左寄せ |
text-align-last | 最後の行の右寄せ、中央寄せ、左寄せ |
text-combine-upright | 縦書きにおける算用数字(アラビア数字)の配置 |
text-indent | 最初の行頭の字下げ幅 |
text-justify | 両端揃えにおける単語、文字の間隔 |
text-overflow | エレメントからテキストがはみ出る場合の表記 |
vertical-align | テキストの上下位置、上付き、下付き |
white-space | ホワイトスペース(複数の半角スペース、タブ)や改行の表示方法 |
word-break | エレメントの領域をはみ出るテキストの折り返し |
word-spacing | 単語と単語の間の空白を調整 |
word-wrap | overflow-wrapプロパティの別名 |