★clear（回り込み解除）

戻る

clear（回り込み解除）

解説
文字の回り込みを解除する属性です。
HTMLにおけるbrエレメントのclearアトリビュートと同じ扱い。

値

none：回り込み解除しない
left：回り込みleftの指定を解除
right：回り込みrightの指定を解除
both：left、rightの両方の指定を解除

初期値

none

%値の基準 　

適用

すべてのエレメントL1
ブロックレベルエレメントL2

継承

しない


対応状況
全ての値 L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3 　 E4 E5 ME5 E55 E6

使用例

ソース

スタイル部に、

.left{float:left;}
.right{float:right;}
#none{clear:none;}
#left{clear:left;}
#right{clear:right;}
hr{clear:both;}
h4{display:run-in;}

と記述し、

body部に、

<p><img class="left" src="../img/glb.gif" width="175" height="90" alt="世界地図" title="例題">
float:leftは、imgエレメントを左端に寄せて、divエレメントが右に回り込みます。</p>
<p id="none">clear:noneは、回り込みを解除しません。</p>
<hr>
<p><img class="left" src="../img/glb.gif" width="175" height="90" alt="世界地図" title="例題">
float:leftは、imgエレメントを左端に寄せて、divエレメントが右に回り込みます。</p>
<p id="left">clear:leftは、pエレメントの回り込みを解除します。</p>

<p><img class="right" src="../img/glb.gif" width="175" height="90" alt="世界地図" title="例題">
float:rightは、imgエレメントを右端に寄せて、divエレメントが左に回り込みます。
<p id="right">clear:rightは、pエレメントの回り込みを解除します。</p>

<h4 class="left">display:run-inには未対応</h4>
<p id="left">対応したらこのように表示されるでしょう。たぶん・・・(^^ゞ</p>

と記述すると。

表示＆操作

世界地図 float:leftは、imgエレメントを左端に寄せて、divエレメントが右に回り込みます。

clear:noneは、回り込みを解除しません。

世界地図 float:leftは、imgエレメントを左端に寄せて、divエレメントが右に回り込みます。

clear:leftは、pエレメントの回り込みを解除します。

世界地図 float:rightは、imgエレメントを右端に寄せて、divエレメントが左に回り込みます。

display:run-inには未対応

対応したらこのように表示されるでしょう。たぶん・・・(^^ゞ

と表示されます。

Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/clear.html
E-mailpokochan@mx1.tees.ne.jp