align属性

 
  
H2-x1 ie1- N1-

align属性 align="(top|middle|bottom|left|right)" (非推奨) 文字との位置関係

H2-x1 ie1- N1- 

top


画像上部と文字一行を揃えて表示

文字の表示位置はどうなるでしょうか。

middle


画像中央と文字一行を揃えて表示

文字の表示位置はどうなるでしょうか。

bottom (初期値)


画像下部と文字一行を揃えて表示

文字の表示位置はどうなるでしょうか。
 
 

left


左に画像を浮動、右に文字を回り込み表示

文字の表示位置はどうなるでしょうか。文字の表示位置はどうなるでしょうか。文字の表示位置はどうなるでしょうか。文字の表示位置はどうなるでしょうか。

right


右に画像を浮動、左に文字を回り込み表示

文字の表示位置はどうなるでしょうか。文字の表示位置はどうなるでしょうか。文字の表示位置はどうなるでしょうか。文字の表示位置はどうなるでしょうか。
 

br要素 > clear属性 clear="(left|all|right|none)" (非推奨) 回り込みの解除

H3-x1 ie1- N1- 
clear属性は、イメージなどの回り込み文字を解除するのに用います。たとえば、<input type="image" align="(left | right)">のとき、それぞれ、clear="(left | right)"を用いて解除します。両方の回り込みを同時に解除するときには、clear="all"を用います。初期値(default)は、clear="none"です。

clear="left"


<input type="image" align="left">のとき、普通に改行をすると(<br>)
回り込み内での改行となります。(<br>)
これを解除するのには、<br clear="left">を用います。(<br clear="left">)
すると、回り込みは解除され文字はここに表示されます。

clear="right"


<input type="image" align="right">のとき、普通に改行をすると
回り込み内での改行となります。
これを解除するのには、<br clear="right">を用います。
すると、回り込みは解除され文字はここに表示されます。
 
 

回り込みにおけるバグ



IE6までにおいては、画像などにテキストを回り込ませると、場合によってテキストが消えてしまうというバグが存在します。HTMLのimg要素のalign属性を指定した場合などおよび、スタイルシート(CSS)のfloatプロパティを指定した場合も、同様に発生するので注意が必要です。
反転表示をしたり、ウィンドウの大きさを変えたりすると、文字が出たり消えたりするようです。

HTMLのalign属性による回り込みは、imgobjectappletinput type="image"tableiframe、独自要素においては、embedspacer type="block"において行われます。
 
関連要素: br | input>type="image"
トップページ HTML Note ページトップ
 2003/09/17発行 2008/01/01更新