clear
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つめは回り込みを解除 サンプル
