HOME >> HTML > 画像に文字を回り込ませる

point 画像に文字を回り込ませる

<IMG src="URL(画像のアドレス)" align="leftまたはright">
画像を回り込ませるにはalign属性を使います。「画像と文字の並び方を指定する」のページでは、align属性の値にtop、middle、bottomに指定しましたが、ここではleftまたはrightを指定します。
align="left"と記入すれば、画像を左に配置し文字を右側に回りこませることができます。
align="right"と記入すれば、画像は右側に配置され、文字は右側に回りこみます。なお、画像の高さの範囲に文字が収まりきらないときには、画像の下に文字が表示されます。

また、この回り込みを途中でやめることもできます。改行をするときに使う<BR>タグにclear属性を指定し、値にleft、right、allを指定します。

<BR clear="left、right、allのいずれかを指定">
画像が左側にあるときの回り込みを解除するには、値にleftを指定します。
画像が右側にあるときの回り込みを解除するには、値にrightを指定します。
画像が左右のどちらにあっても、値にallを指定すれば回りこみを解除できます。

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)

日本では三輪車が走っているのを見ることは少なくなりました。




日本では三輪車が走っているのを見ることは少なくなりました。




日本では三輪車が走っているのを
見ることは少なくなりました。

ソース

(上)

<IMG src="san0.gif" align="left">
日本では三輪車が走っているのを見ることは少なくなりました。

(真ん中)

<IMG src="san1.gif" align="right">
日本では三輪車が走っているのを見ることは少なくなりました。

(下)

<IMG src="san2.gif" align="left">
日本では三輪車が走っているのを<BR clear="left">見ることは少なくなりました。
スポンサード・リンク
Copyright ©2001〜2016 まさぼ〜 All Right Reserved