white-space プロパティは、要素内部の空白をどのように処理するかを指定します。
| デフォルト値： | normal |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 不可。animatable を参照 |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.whiteSpace="nowrap" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| white-space | 1.0 | 8.0 | 3.5 | 3.0 | 9.5 |
white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| normal | 連続する空白をひとつの空白にまとめます。テキストは必要に応じ折り返します。これがデフォルトです | Play it ❯ |
| nowrap | 連続する空白文字をひとつの空白にまとめます。テキストは次行には折り返しません。 テキストは、<br> タグに出会うまはで同一行に連続します | Play it ❯ |
| pre | 空白はブラウザにより保たれます。テキストは改行でのみ折り返す、 HTMLの <pre> タグのような動きをします | Play it ❯ |
| pre-line | 連続する空白文字をひとつの空白にまとめます。テキストは、ボックスの端まで行ったときと改行で折り返します | Play it ❯ |
| pre-wrap | 空白はブラウザにより保たれます。テキストは、ボックスの端まで行ったときと改行で折り返します | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS Text
HTML DOM リファレンス：whiteSpace プロパティ