最新のWeb開発のチュートリアル
 

Style letterSpacing Property

<スタイルオブジェクト

で文字間のスペースを設定し<p> 15個のピクセルに要素:

document.getElementById("myP").style.letterSpacing = "15px";
»それを自分で試してみてください

定義と使用法

letterSpacingプロパティセットやテキストの文字の間にスペースを返します。

ヒント:使用して、テキスト中の単語間の間隔を設定するか、または戻すにはwordSpacingのプロパティを。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

letterSpacingプロパティは、すべての主要なブラウザでサポートされています。


構文

letterSpacingプロパティを返します:

object .style.letterSpacing

letterSpacingプロパティを設定します。

object .style.letterSpacing="normal| プロパティ値
説明
normal 文字の間に通常空間。 これがデフォルトです
length 長さの単位でスペースを定義します。 負の値は許可されています
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: ノーマル
戻り値: テキスト内の文字の間にスペースを表す文字列、
CSSのバージョン CSS1

その他の例

負の値を使用します:

document.getElementById("myP").style.letterSpacing="-2px";
»それを自分で試してみてください

文字間隔を返します<p>要素を:

alert(document.getElementById("myP").style.letterSpacing);
»それを自分で試してみてください

letterSpacingプロパティとwordSpacingプロパティの違い:

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

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSテキスト

CSSリファレンス: letter-spacing property


<スタイルオブジェクト