Loose-Info.com

Last Update 2019/12/25


TOP - CSS1(Cascading Style Sheets, level 1) - white-space

タグ領域内での空白の処理方法を指定します。
ブラウザによって動作の違いが確認されています。

設定値
normal
複数の連続する空白・タブ・改行は一つの空白にまとめられる
pre
空白・改行・タブはソースコードのまま有効
nowrap
改行は<BR>が必須

(例)
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>テスト</TITLE> <STYLE type="text/css"> <!-- P.test1 {white-space: normal} P.test2 {white-space: pre} P.test3 {white-space: nowrap} --> </STYLE> </HEAD> <BODY> <P class="test1"> 設定 : normal<BR> かっこ内は空白5個[ ] </P> <BR> <P class="test2"> 設定 : pre かっこ内は空白5個[ ] </P> <BR> <P class="test3"> 設定 : nowrap かっこ内は空白5個[ ] &lt;BR&gt;を入れない限りは改行されません。 </P> </BODY> </HTML>