スペースの表示方法を変える
CSSの書き方
white-space:値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
「white-space」プロパティは、HTML文書内に記述されている半角スペースや改行、タブが連続している場合、その（見えない）スペースをそのまま表示するか、無視して表示しないかを指定するスタイルシートです。表示方法は以下の3種類です。ただし、全角スペースは対象となりません。
|
※引用元：藤本 壱、スタイルシート ポケットリファレンス、技術評論社、P116、2005
InternetExplorerの対応状況
InternetExplorerでは「white-space」プロパティの値すべては対応していません。以下のような対応状況となっています。なお、InternetExplorer以外のブラウザではすべての値が対応しています。
|
※1 標準モードの場合にのみ動作
※2 文字列がボックスからはみ出す場合は、ボックスの幅が文字列の幅に合わせて拡大される。
※引用元：藤本 壱、スタイルシート ポケットリファレンス、技術評論社、P116、2005
CSS/HTMLサンプル
p.nol { white-space:normal; }
p.pre { white-space:pre; }
p.now { white-space:nowrap; }
段落要素に含まれるホワイトスペースの表示処理を指定 サンプル
