サイト内検索

...HTML・XHTMLタグ...

画像

テキストの回りこみの解除

回りこみを解除するには、br要素にclear属性を指定します。
[使い方]
<br clear="all">
[メモ・・・W3Cの検証サイト・・・]
HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていませんので、
Validするには、スタイルシートを使用します。
clearプロパティを指定します。
[サンプル]
.sample{clear: both;}
属性 属性値 説明
br clear= "none"回り込みの解除をしません。
"left" 「align="left"」の回り込みを解除します。
"right"「align="right"」の回り込みを解除します。
"all"左右の回りこみ解除します。

サンプル

br clearを指定

[bodyの中]

<img src="../img/sample.jpg" width="110" height="70" align="left" border="0"
alt="画像の余白">
<br clear="all">を使って
回り込みを
解除します。
このところに<br clear="all">指定しています。

clear: both;を指定

[bodyの中]

<img src="../img/sample.jpg" width="110" height="70" style="border:0;"
alt="画像の余白">
<br style="clear: both;">を使って
回り込みを
解除します。
このところに<br clear="both">指定しています。

[ブラウザ上]

画像の余白 

<br style="clear: both;">を使って
回り込みを
解除します。
このところに<br style="clear:both;>指定しています。

Copyright c 2007.10.01 luc All rights reserved.