テキスト・フォント

「word-spacing」プロパティ

「word-spacing」プロパティは、タグや単語の間隔を指定するCSSプロパティです。
タグや単語の水平方向の文字と文字の間隔を開く値を設定できます。

「word-spacing」プロパティの値

タグや単語の間隔を指定する単位は「normal」「px」「%」「em」などの値を指定することができます。
また、「%」「em」の値は、親要素を基準に間隔を空けます。 ※ブラウザの種類により、小数点以下の数値は切り上げされる場合がありますので小数点での指定は推奨できません。

CSSでサイズ指定する単位「px」「%」「em」「rem」の違いと使い分け

「word-spacing」プロパティの指定方法

タグや単語の間隔を指定する場合は、「word-spacing」プロパティを使い適応する値を指定することで実装できます。

「word-spacing」プロパティ
セレクタ{
word-spacing;タグや単語の間隔;
}
値例
/* 初期値 */
word-spacing: normal;

/* px値 */
word-spacing: 10px;
word-spacing: 15px;
word-spacing: 20px;
word-spacing: 25px;
word-spacing: 30px;

/* %値 */
word-spacing: 5%;
word-spacing: 10%;
word-spacing: 15%;
word-spacing: 20%;
word-spacing: 30%;

/* em値 */
word-spacing: 1em;
word-spacing: 2em;
word-spacing: 5em;
word-spacing: 10em;
表示例

ABCDEFG 文字の間隔(10px)

ABCDEFG 文字の間隔(20px)

ABCDEFG 文字の間隔(1em)

ABCDEFG 文字の間隔(2em)