無料ホームページ作成!CSS・スタイルシート
空白の指定

無料ホームページ作成!CSS・例
空白の指定

white-space属性

normalで指定

CSS・スタイルシートソース

white-space:normal;
 
結果

white-space:normal;
半角スペース
 全角スペース
半角スペース3つ
タブ
改行

preで指定

CSS・スタイルシートソース

white-space:pre;
 
結果

white-space:pre;
半角スペース
 全角スペース
半角スペース3つ
タブ
改行

nowrapで指定

CSS・スタイルシートソース

white-space:nowrap;
 
結果

white-space:nowrap;
半角スペース
 全角スペース
半角スペース3つ
タブ
改行

nowrapは横幅10pxのボックスに入れていますが自動改行していないので幅が広くなっています。

無料ホームページ作成!メニュー

CSS・スタイルシート・例

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS