white-space

解説

ソース中の半角スペース、タブ、改行の表示の仕方を指定します。

normal	連続する半角スペース・タブ・改行を、1つの半角スペースとして表示する。ボックスの大きさが指定されている場合、その大きさに応じて自動的に改行される
pre	ソース中の連続する半角スペース・タブ・改行を、そのまま表示する
nowrap	ソース中の連続する半角スペース・タブ・改行を、1つの半角スペースとして表示する。ボックスの大きさが指定されていても自動的に改行されない

プロパティ情報

値：	`normal`,`pre`,`nowrap`のいずれか1つ。
初期値：	normal
適用対象：	全ての要素
継承：	する
パーセンテージ：	不可
適用メディア：	視覚
レベル：	1～2

参照

text-align text-decoration text-underline-position text-indent text-autospace text-transform text-justify line-height line-break word-spacing word-break word-wrap vertical-align letter-spacing white-space

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

p.sample1 {width:200px; background-color:#666666; white-space: normal;}
p.sample2 {width:200px; background-color:#666666; white-space: pre;}
p.sample3 {width:200px; background-color:#666666; white-space: nowrap;}

HTMLの記述方法

<p class="sample1">
white-space  プロパティは、     ソース中の      半角スペース    ・    タブ    ・    改行の
表示の仕方を指定する
</p>
<p class="sample2">
white-space  プロパティは、     ソース中の      半角スペース    ・    タブ    ・    改行の
表示の仕方を指定する
</p>
<p class="sample3">
white-space  プロパティは、     ソース中の      半角スペース    ・    タブ    ・    改行の
表示の仕方を指定する
</p>

表示結果

white-space プロパティは、ソース中の半角スペース・タブ・改行の表示の仕方を指定する