回り込みを解除するclearプロパティ
clear

 clearプロパティはfloatプロパティの「left」「right」で設定された、回り込みを解除するプロパティです。

 値がleftの場合は左回り込み、rightの場合は右回り込み、bothの場合には左右どちらの回り込みも解除します。

基本データ

構文 セレクタ{clear: 値;}
継承 ×
「left」「right」「both」「none」
効果 回り込みを解除
初期値 none
適用個所 ブロックレベル要素

例:

ほげほげですね。

<img src="/fwcr/design/cssref/images/gt.gif" width="376" height="50" style="float:right;">
<p style="clear:right;">ほげほげですね。</p>

動作Webブラウザ

Internet Explorer IE 4以上
Firefox 全バージョン
Safari全バージョン
OperaOpera 6以上
Chrome全バージョン
iPhone/iPad 全バージョン

標準JavaScriptによるDOMでの参照方法

[window.]document.getElementById("【ID属性値】").style.clear

jQueryを使った参照方法

$('【セレクタ】').css('clear','【値】');
$('【セレクタ】').css({'clear':'【値】'});

有限会社タグパンダ
喜安 亮介




HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

デザインハック 記事ランキング

本日 月間