Style letterSpacing 属性

定義と使用方法

letterSpacing 属性を設定または返却してテキスト内の文字間のスペース（文字間隔）を設定します。

ヒント：テキスト内の単語間のスペース（単語間隔）を設定または返すには、 wordSpacing 属性。

参照してください：

CSS タイプ：CSS テキスト

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

実例

例 1

<p> 元素の文字間隔を 15 ピクセルに設定する：

document.getElementById("myP").style.letterSpacing = "15px";

自分で試してみてください

例 2

負の値を使用する：

document.getElementById("myP").style.letterSpacing = "-2px";

自分で試してみてください

例 3

返却 <p> 元素の文字間隔：

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

自分で試してみてください

例 4

letterSpacing 属性と wordSpacing 属性の違い：

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

自分で試してみてください

構文

letterSpacing 属性を返す：

object.style.letterSpacing

letterSpacing 属性を設定する：

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

属性値

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

技術的詳細

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

ブラウザのサポート

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