最終更新日 2021年6月17日

white-spaceプロパティ

white-spaceは、テキスト内で連続した空白部分を1つにまとめるかどうか、行を自動的に折り返すかどうかについて指定するプロパティです。

CSS3での変更点

・値に「pre-wrap」「pre-line」が追加されました。

初期値	適用先	継承
指定なし	すべての要素	あり

値	説明
normal	通常どおり、半角スペースや改行は1つの半角スペースにまとめて表示し、行は自動的に折り返されます。
pre	半角スペースや改行をそのまま表示し、行は折り返されません。
nowrap	半角スペースや改行は1つの半角スペースにまとめて表示し、行は折り返されません。
pre-wrap	半角スペースや改行をそのまま表示し、行は自動的に折り返されます。
pre-line	半角スペースは1つにまとめ、改行はそのまま表示し、行は自動的に折り返されます。

サンプルコード

white-space: normal;
white-space: pre;
white-space: nowrap;
white-space: pre-wrap;
white-space: pre-line;

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。