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

Style wordSpacing Property

<スタイルオブジェクト

単語の間にスペースを設定し<p> 50個のピクセルの要素:

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

定義と使用法

wordSpacingプロパティセットまたはテキスト内の単語間の間隔を返します。

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


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


構文

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

object .style.wordSpacing

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

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

技術的な詳細

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

その他の例

負の値を使用します:

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

単語の間隔を返します<p>要素を:

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

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

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

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

関連ページ

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

CSSリファレンス: 単語-spacingプロパティ


<スタイルオブジェクト