Style wordSpacing 属性

定義と使用方法

wordSpacing 属性を設定または返却してテキストの単語間隔を設定します。

ヒント：テキスト中の文字間隔を設定または返却するには、 letterSpacing 属性。

も参照してください：

CSS 教程：CSS テキスト

CSS リファレンスマニュアル：word-spacing 属性

実例

例 1

<p>要素の単語間隔を 50 ピクセルに設定します：

document.getElementById("myP").style.wordSpacing = "50px";

実際に試してみましょう

例 2

負値の使用：

document.getElementById("myP").style.wordSpacing = -3px";

実際に試してみましょう

例 3

返却<p>要素の単語間隔：

alert(document.getElementById("myP").style.wordSpacing);

実際に試してみましょう

例 4

letterSpacing 属性と wordSpacing 属性の違い：

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

実際に試してみましょう

文法

wordSpacing 属性を返す：

object.style.wordSpacing

wordSpacing 属性を設定する：

object.style.wordSpacing = "normal|length|initial|inherit"

属性値

値 説明
normal 単語間の通常の間隔を定義します。デフォルトです。
length 単語間の間隔を長さ単位で指定します。負値も許可されます。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： normal
返り値： テキスト中の単語間のスペースを表す文字列。
CSS バージョン： CSS1

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート