新着! 私の44ページの電子書籍「44分でCSS」が発売されました! 😃

今すぐ入手 →

#white-space

要素の空白の扱い方を定義します。

default white-space: normal;

スペースの連続は1つにまとめられます。
改行は無視されます。
テキストコンテンツは折り返されます。

white-space: nowrap;

スペースの連続は1つにまとめられます。
改行は無視されます。
テキストコンテンツは折り返されず、1行のままになります。

white-space: pre;

空白は完全に保持されます。

  • スペースの連続は保持されます
  • 行は改行と<br>でのみ改行します

white-space: pre-wrap;

空白はほぼ保持されます。

  • スペースの連続は保持されます
  • 行は改行、<br>、そして要素の終わりに達したときにも改行します

white-space: pre-line;

改行のみが保持されます。

  • スペースの連続は1つにまとめられます
  • 行は改行、<br>、そして要素の終わりに達したときにも改行します