CSS white-spaceプロパティ
プロパティの定義と使用説明
white-space プロパティは、要素内の空白の処理方法を指定します。
| 初期値： | normal |
|---|---|
| 継承： | yes |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.whiteSpace="pre" |
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示しています。
| プロパティ | |||||
|---|---|---|---|---|---|
| white-space | 1.0 | 5.5 | 3.5 | 3.0 | 9.5 |
構文
/* 值 */ white-space: normal; white-space: nowrap; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: break-spaces; /* 全局值 */ white-space: inherit; white-space: initial; white-space: revert; white-space: revert-layer; white-space: unset;
プロパティ値
| 值 | 説明 |
|---|---|
| normal | 初期値。空白はブラウザによって無視されます。 |
| pre | 空白はブラウザによって保持されます。その動作は HTML の <pre> タグと同様です。 |
| nowrap | テキストは折り返されず、<br> タグに遭遇するまで同じ行に続きます。 |
| pre-wrap | 空白文字の並びは保持されますが、通常どおり折り返されます。 |
| pre-line | 空白文字の並びは折り畳まれますが、改行文字は保持されます。 |
| inherit | white-space プロパティの値を親要素から継承するように指定します。 |
さまざまな white-space 値の動作：
| 改行文字 | スペースとタブ | テキストの折り返し | 行末のスペース | |
|---|---|---|---|---|
normal |
折り畳み | 折り畳み | 折り返し | 削除 |
nowrap |
折り畳み | 折り畳み | 折り返さない | 削除 |
pre |
保持 | 保持 | 折り返さない | 保持 |
pre-wrap |
保持 | 保持 | 折り返し | ぶら下げ |
pre-line |
保持 | 折り畳み | 折り返し | 削除 |
break-spaces |
保持 | 保持 | 折り返し | 折り返し |
関連記事
CSS チュートリアル:CSS Text
その他の拡張