WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > clear
clear  改行 

回り込みを解除する。

このエントリーをはてなブックマークに追加

floatプロパティやHTMLタグのalign属性などで左寄せ・右寄せをされた要素に対して、回り込みを解除します。

パラメーター

left
 左寄せされた要素に対する回り込みを解除。
right
 右寄せされた要素に対する回り込みを解除。
both
 全ての要素に対する回り込みを解除。
none
 回り込みを解除しません(初期値)。

サンプルコード

<img src="/img/enoki5.jpg" alt="サンプル画像" style="float:left;">
画像を左寄せで配置します。
<p>段落が変わっても回り込みます。</p>
<p style="clear:right;"><strong>clear:rightでは回り込みは解除されません。</strong></p>
<p style="clear:left;"><strong>clear:leftで回り込みが解除されます。</strong></p>

サンプル画像 画像を左寄せで配置します。

段落が変わっても回り込みます。

clear:rightでは回り込みは解除されません。

clear:leftで回り込みが解除されます。