CSS white-space 属性

定義と使用方法

white-space 属性は、要素内の空白をどのように処理するかを設定します。

この属性宣言は、レイアウトプロセス中に要素内の空白をどのように処理するかを示します。値 pre-wrap と pre-line は CSS 2.1 で追加されました。

も参照してください：

CSS チュートリアル：CSS 文本

HTML DOM リファレンスマニュアル：whiteSpace 属性

例

段落内のテキストの折り返しを指定します：

p
  {
  white-space: nowrap;
  }

自分で試してみてください

CSS 语法

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

属性値

値 説明
normal デフォルト。空白はブラウザで無視されます。
pre 空白はブラウザで保持されます。この動作はHTMLの<pre>タグに似ています。
nowrap テキストは改行されません。テキストは同一行で続行し、<br>タグに達するまで行われます。
pre-wrap 空白シーケンスを保持しますが、通常の改行を行います。
pre-line 空白シーケンスをマージしますが、改行を保持します。
inherit 親要素から white-space 属性の値を継承する規定です。

技術詳細

デフォルト値： normal
継承性： はい
バージョン： CSS1
JavaScript 语法： object.style.whiteSpace="pre"

他の例もご覧ください

要素内でのテキスト折り返しを禁止する
この例では、要素内のテキスト折り返しを禁止する方法を示します。

ブラウザのサポート

このテーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5