Style clear 属性

定義と用法

clear 属性は浮動オブジェクトに対する要素の位置を設定または返却します。

clear 属性はどの側に他の浮動要素を許可しないことを規定します。

参照もしてください：

CSS 教程：CSS 浮動

CSS リファレンスマニュアル：clear 属性

例

例1

禁止 <p> 元素のテキストの左側の浮動オブジェクト：

document.getElementById("myP").style.clear = "left";

自分で試してみてください

例2

返却されるクリア属性：

alert(document.getElementById("myP").style.clear);

自分で試してみてください

構文

clear 属性の返却：

object.style.clear

clear 属性の設定：

object.style.clear = "none|left|right|both|initial|inherit"

属性値

値 説明
none 要素の両側に浮動オブジェクトを許可します。デフォルトです。
left 要素の左側には浮動オブジェクトが許可されていません。
right 要素の右側には浮動オブジェクトが許可されていません。
both 要素の左側または右側には浮動オブジェクトが許可されていません。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： なし
戻り値： 要素がフロートオブジェクトに対する位置を示す文字列。
CSS バージョン： CSS1

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート