「word-spacing」プロパティ

テキスト・フォント

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

本記事の内容

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

「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;