white-space

Home>CSS>プロパティリファレンス>white-space

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

white-spaceプロパティの役割

white-spaceプロパティは、空白文字の表示方法を指定します。

空白文字とは、半角スペース、タブ、改行などです。

white-spaceプロパティに設定できる値

normal 連続する空白文字を一つの半角スペースとし、行末で折り返す。
nowrap 連続する空白文字を一つの半角スペースとし、行末で折り返さない。
pre 連続する空白文字をそのまま表示し、行末で折り返さない。

※preを使う場合は、white-spaceプロパティに対応していないブラウザでは動作しないため、pre要素の代わりに使うつもりであれば、pre要素を使った方がいいでしょう。

white-spaceプロパティの使い方

<p style="white-space:nowrap">この文章は右端まで達したとしても折り返すことなく、はみ出してそのまま表示されます。</p>

この文章は右端まで達したとしても折り返すことなく、はみ出してそのまま表示されます。

上記のサンプルは、本来ならば「sample」というボックスの中で折り返して全文表示されるところを、折り返しを禁止しているために、はみ出して読めなくなっています。

関連リンク

よく読まれている記事

UpDate:2010-10-23