align属性

 
  
ホーム > HTML Note > table要素 > align属性
H3-x1 ie2- N2-

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

H3-x1 ie2- N2- 

left (初期値)


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

データデータデータ
データデータデータ
データデータデータ
文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。

center


中央にtableを浮動、上下に文字を表示

文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。
データデータデータ
データデータデータ
データデータデータ
文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。

right


右にtableを浮動、左に文字を回り込み表示
データデータデータ
データデータデータ
データデータデータ
文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。文字の表示位置はどうなるだろうか。
 

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

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

clear="left"


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

clear="right"


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

回り込みにおけるバグ



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

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