English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS white-space 属性の使用方法と例

white-space CSS属性は、要素内で空白(スペース、タブ、改行符など)をどのように処理するかを指定します。

このテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプト内での属性の使用構文を示しています。

デフォルト値:normal
適用:すべての要素
継承:はい
アニメーション可能:いいえ。参照してください アニメーション属性
バージョン:CSS 1、2、3
JavaScript構文:object.style.whiteSpace="pre-wrap"

white-spaceの使用構文

この属性の構文は以下の通りです:

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

以下の例では、white-space属性。

  code {
   white-space: pre;
  }
  p {
   white-space: nowrap;
  }
テストして‹/›

属性値

以下のテーブルはこの属性の値を説明します。

説明
normalスペースシーケンスは単一のスペースに折りたたまれます。線フレームを充填する場所に改行符が表示されます。これはデフォルト値です。
nowrapテキストは改行されません。テキストは同一行上に続けられ、<br>タグに達するまで続きます。
pre空白シーケンスを保持します。行は保持された改行符でのみ区切られます。行はHTMLの<pre>タグに似ています。
pre-line空白シーケンスを統合しますが、改行符を保持します。
pre-wrap空白シーケンスを保持します。改行符は保持された改行符および行フレームを充填する場所に表示されます。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のwhite-spaceの属性値。

ブラウザの互換性

white-space属性のブラウザの互換性、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

警告:pre-line Firefox 3.5、Safari 3.0およびOpera 9.5以前のバージョンではこの値をサポートしていません。値pre-line、pre-wrapおよびinheritはInternet Explorerで 7及び以前のバージョンではサポートされていません。

さらに詳しく

以下のチュートリアルを参照してください:HTMLテキストのフォーマット

関連属性:letter-spacingword-spacing