半角スペース、改行をどう扱うかを指定できるwhite-spaceプロパティ
white-space

　テキストにある半角スペース、改行の扱い方を指定できます。通常の仕様だと、Webブラウザ上ではスペースは1つにまとめられ、改行も無視されます。

　しかし、「半角スペースを短縮しない」「改行を無視しない」などさまざまな変更が可能です。

　一方で、記述方法も通常の仕様に慣れている人がほとんどなので、一般的にこのプロパティを変更することは、ないといってよいでしょう。

基本データ

構文 セレクタ{white-space:値;}
継承 ○
値
キーワードを使って指定する場合
normal、pre、nowrap、pre-line、pre-wrap
親から継承させる場合
inherit
効果 半角スペース、改行をどう扱うかを指定できる
初期値 normal
適用箇所 すべての要素

例

ほげほげ ですね。

p { white-space: pre;}

動作Webブラウザ

Internet Explorer 5.5、6.0、7.0、8.0以上
Firefox 全バージョン
Safari全バージョン
Opera全バージョン
Chrome全バージョン
iPhone/iPad全バージョン

標準JavaScriptによるDOMでの参照方法

[window.]document.getElementById("【ID属性値】").style.whiteSpace

jQueryを使った参照方法

$('【セレクタ】').css('white-space','【値】');
$('【セレクタ】').css({'white-space':'【値】'});

CSSリファレンス インデックス

有限会社タグパンダ
喜安 亮介



TechTargetジャパン

リッチクライアント & 帳票 フォーラム 新着記事

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード

＠IT 新着記事

キャリアアップ

- PR -
＠IT Sepcial
→ ＠IT Special ヘ

イベントカレンダー

PickUpイベント

- PR -
もっと見る

お勧め求人情報

ホワイトペーパー（TechTargetジャパン）

＠IT Sepcial
→ ＠IT Special ヘ
ソリューションFLASH