CSSリファレンス

white-spaceの意味と使い方

「white-space」はHTML文書内の半角スペース、タブ、改行をWebページに表示するか、ブラウザによる自動的な改行を行うかどうかを指定します。

値の指定方法

normal

連続する半角スペースや改行文字をまとめ、1つの半角スペースとして表示します。内容はボックスの端で自動的に改行します。


pre

連続する半角スペースやタブ、改行をそのまま表示し、文書に入力されたとおりに内容を表示します。内容がボックスの端までいっても自動的に改行はしません。


pre-wrap

「pre」と同様に連続する半角スペースやタブ、改行をそのまま表示し、文書に入力された通りに内容を表示しますが、内容がボックスの端までいくと自動的に改行します。


pre-line

「normal」と同様に連続する半角スペースやタブ、改行文字をまとめ、1つの半角スペースとして表示します。内容がボックスの端までいくと自動的に改行しますが、文書内で改行された位置でも改行します。


nowrap

連続する複数の半角スペースやタブ、改行文字を1つの半角スペースとして処理します。自動的な改行は行いません。


関連プロパティ

  • text-indent:一行目のインデント幅を指定する