HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


回り込みを解除する

CSSの書き方

clear:値 ;

CSSの詳細情報
プロパティ名 clear 読み方 クリア
初期値 none 意味 回り込みの解除
none(解除しない)/left/right/both
対象 ブロックレベル要素
CSSレベル CSSレベル1 対応ブラウザ Windows MAC
継承 しない IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0

解説

「clear」プロパティは、「float」プロパティによって設定された要素やボックスの回り込みを解除するためのスタイルシートです。「clear」プロパティを指定した要素から回り込みが解除されます。

「clear:left;」とすると、左寄せした要素に隣接する要素の回り込みが解除されます。同様に、「clear:right;」にすると、右寄せした要素に隣接する要素の回り込みが解除されます。さらに、「clear:both;」は、左右の回り込みが解除されます。

CSS/HTMLサンプル

p { height:400px; width:250px;}
p.sm1 { float:left; background-color:#ffdff9; }
p.sm2 { clear:left; background-color:#eeeeee; margin-top:10px;}

1つめの段落要素を左寄せ、2つめは回り込みを解除 サンプル