見たまま表示 white-space｜CSS辞典｜HTMLタグ・CSS

Home≫CSS辞典≫見たまま表示 white-space
サイト内検索

見たまま表示 white-space

≪ １行目だけ余白 text-indent 【 HOME 】 マークを変更 list-style-type ≫
Yahoo!ブックマークに登録Yahoo!ブックマークに登録 Google Bookmarks に追加Google Bookmarks に追加 はてなブックマークに登録はてなブックマークに登録 livedoorに記事をクリップlivedoorに記事をクリップ
見たまま表示 （サンプル）

ああああああああああああああああああああああああああああああ

↑横幅を220に指定
▼

ああああああああああああああああああああああああああああああ

「nowrap」 を指定すると横幅指定を無視して広がる。
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

見たまま表示 （詳細情報）
字体 white-space:★;
指定 ★の部分に下記の「 」内 の効果を指定していきます。
  • 「nowrap」 範囲内を自動改行させずに表示する。（Netscape 4 未対応）
  • 「pre」 スペースや改行を編集画面で書かれたまま表示する。
    （Internet Explorer 5.5 未対応）
  • 「normal」 スペースや改行を１つの半角スペースにする。
    （Internet Explorer 5.5 未対応）
効果 スペースや改行を見たまま表示することができます。
例１ <div style="width:220;border:solid 1px #777;white-space:nowrap;">
ああああああああああああああああああああああああああああああ
</div>
結果
ああああああああああああああああああああああああああああああ
解説 横幅を指定していても無視して文字の量にあわせます。


≪ １行目だけ余白 text-indent 【 HOME 】 マークを変更 list-style-type ≫
練習用書き込みフォーム（サンプル表示）


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料ＨＰ素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材ＮＡＶＩ 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材Ｒ Webランキング
web サイトの説明 素材使用方法 質問集/用語集 作成練習場 HTML/CSS カラー見本