clear
解説
floatプロパティで指定された回り込みを解除します。
left | 左寄せされた要素に対する回り込みを解除 |
---|---|
right | 右寄せされた要素に対する回り込みを解除 |
both | 全ての要素に対する回り込みを解除 |
none | 回り込みを解除しない(初期値) |
プロパティ情報
値: | left ,right ,both ,none のいずれか |
---|---|
初期値: | none |
適用対象: | ブロック要素 |
継承: | しない |
パーセンテージ: | 不可 |
適用メディア: | 視覚 |
レベル: | 1〜2 |
参照
top bottom left right overflow overflow-x overflow-y position display float clear z-index visibility clip direction unicode-bidi writing-mode
使用例
ソース
CSSの記述方法はスタイルシートってなに?も参照下さい。 <p style="float:right;"><img src="../img/smp.gif" alt="sample"></p> <p>クリアになるまで指定されたのとは逆側に配置</p> <p style="clear:right;">これ以降がクリア</p>
表示結果
クリアになるまで指定されたのとは逆側に配置
これ以降がクリア