書式
white-space:表示形式
対象
全ての要素
継承
する
初期値
ブラウザに依存
バージョン
CSS Level 1
対応ブラウザ
Win IE5.5以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari
解説
空白／タブ／改行の表示方法を指定します。以下の値が指定できます。
| 設定名 | 種類 | ボックスからはみ出した場合 |
|---|
| normal | 連続する空白／タブ／改行は１つにまとめられる | 折り返す |
| pre | そのまま表示される | はみ出す |
| nowrap | 連続する空白／タブ／改行は１つにまとめられる | はみ出す |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; top:10;left:10px;
white-space:pre;
}
--></style>
</head>
<body>
<div>サンプルテキストです。<br>Sample Text</div>
</body>
</html>