CSSクリアプロパティ
例
<p>要素は左側の浮動要素の下にプッシュされます(<p>要素は左側に浮動要素を許可しません):
img
{
float: left;
}
p.clear
{
clear: left;
}
定義と使用法
clear
プロパティは、フロート要素の横のフローを制御します。
プロパティはclear
、フローティング要素の隣にある要素で何が起こるかを指定します。
ヒント:プロパティも確認してください。
float
デフォルト値: | なし |
---|---|
遺伝性の: | いいえ |
アニメート可能: | 番号。アニメート可能について読む |
バージョン: | CSS1 |
JavaScript構文: | オブジェクト.style.clear = "both" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
clear | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS構文
clear: none|left|right|both|initial|inherit;
プロパティ値
Value | Description |
---|---|
none | Default. The element is not pushed below left or right floated elements |
left | The element is pushed below left floated elements |
right | The element is pushed below right floated elements |
both | The element is pushed below both left and right floated elements |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
関連ページ
CSSチュートリアル:CSS Float
HTML DOMリファレンス: clearプロパティ