Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

word-spacing

単語間の間隔を指定します。

p.test { word-spacing: normal;}
p.test1 { word-spacing: 3px;}
p.test2 { word-spacing: 1em;}

値	概要
normal	単語間の間隔を、現在のフォントやブラウザなどで定義されている間隔で表示します。この『normal』が初期値です。
数値	単語間の間隔を数値で指定します。主に使用される単位は『px』、『em』などです。

<p style="word-spacing: normal;">ここはp要素です。『word-spacing: normal』と指定しています。this is a pen.</p>

<p style="word-spacing: 10px;">ここはp要素です。『word-spacing: 10px』と指定しています。this is a pen.</p>

<p style="word-spacing: 2em;">ここはp要素です。『word-spacing: 2em』と指定しています。this is a pen.</p>

デスクトップ

Chrome

1 以降 ○

Firefox

1 以降 ○

Safari

1 以降 ○

Edge

12 以降 ○

全バージョンで対応しています

11 ○

10 ○

9 ○

8 ○

7 ○

6 ○

Opera

3.5 以降 ○

2 以前 ×

モバイル

iOS Safari

1 以降 ○

Android Browser

4.4 以降 ○

3 以前 ×

Chrome Android

単語間の間隔を指定します。

注意点として英語などでは単語の区切りが明確に存在していますが、日本語では単語の区切りが曖昧です。このプロパティは主にテキストが英語だったときのみ使用できるプロパティと考えた方が良いでしょう。

記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。

トップページへ