最終更新日

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;
参考文献:CSS Text Level 3外部リンク
HOME