<TABLE align="">テーブルの位置を変更する

TABLE要素のalign属性では、テーブル(表)を文書中の右・左・中央のいずれに配置するか設定することができます。 指定できる値は次のようになってます。

left(左端に表を配置し、あとに続くテキストをその右側に回り込ませる)、right(右端に表を配置し、あとに続くテキストを左側に回り込ませる)、center(表をセンタリングする)。

centerを指定した場合、テーブル(表)はセンタリング(中央に配置)され、テーブルを<center>タグで囲んだ状態と同様の表示がされます。 left、あるいはrightを指定するとテーブル(表)は左端または右端に配置され、テキストなどそのあとに続く内容はテーブル(表)の横に回り込むようになります。 この回り込みを解除したい場合は、<BR>タグのclear属性を使用して下さい。

なおalign属性は、HTML4.01では非推奨とされており、HTML5では廃止されています。 ですので表の位置やテキストなどの回り込みをする際は、できる限りスタイルシートを利用しましょう。

使用した時の例

<table border="2" align="right">
  <tr>
     <th>商品</th>
     <th>説明</th>
     <th>特徴</th>
  </tr>
  <tr>
     <td>南水</td>
     <td>長野県産の梨</td>
     <td>親水と越後を掛け合わせた、甘みの強い梨</td>
  </tr>
  <tr>
     <td>多摩</td>
     <td>神奈川県産の梨</td>
     <td>祇園と豊水を掛け合わせた早生種の梨</td>
  </tr>
</table>
<p>
南水はサクサクした歯触りで、食べた時の溢れてくるような果汁が特徴的です。酸味も少なく糖度も
高いため、サクサクした食感とちょうど良い甘みが楽しめます。商品の出荷時期は9月下旬~出荷可能
となります。
<br clear="right">
</p>

ブラウザ上の表示例

商品 説明 特徴
南水 長野県産の梨 親水と越後を掛け合わせた、甘みの強い梨
多摩 神奈川県産の梨 祇園と豊水を掛け合わせた早生種の梨
南水はサクサクした歯触りで、食べた時の溢れてくるような果汁が特徴的です。酸味も少なく糖度も高いため、サクサクした食感とちょうど良い甘みが楽しめます。商品の出荷時期は9月下旬~出荷可能となります。

対応ブラウザなどのデータ

形式 <TABLE align="">~</TABLE> 分類 ブロックレベル要素
開始タグ 必須 終了タグ 必須
汎用属性 accesskey / class / contenteditable / dir / hidden / id / lang / spellcheck / style / tabindex / title / translate
対応ブラウザ Internet Explorer2~ , Google Chrome1~ , Firefox1~ , Opera1~ , Safari1~

HTML5での状況と関連情報

HTML5では廃止。代わりにスタイルシートのfloatプロパティなどを利用しましょう。