<TR align="水平位置" valign="垂直位置"> 〜 </TR>
<TH align="水平位置" valign="垂直位置"> 〜 </TH>
<TD align="水平位置" valign="垂直位置"> 〜 </TD>
<THEAD align="水平位置" valign="垂直位置"> 〜 </THEAD>
<TBODY align="水平位置" valign="垂直位置"> 〜 </TBODY>
<TFOOT align="水平位置" valign="垂直位置"> 〜 </TFOOT>
<COL align="水平位置" valign="垂直位置"> 〜 </COL>
<COLGROUP align="水平位置" valign="垂直位置"> 〜 </COLGROUP>
水平位置:
| left |
左揃え ←TD要素のデフォルト値 |
| right |
右揃え |
| center |
中央揃え ←TH要素のデフォルト値 |
垂直位置:
| top |
上 |
| middle |
中央 ←デフォルト |
| bottom |
下 |
| baseline |
横方向の列での1行目のベースラインを揃える |
align属性でセル内の水平位置を、valign属性でセル内の垂直位置を指定します。
| |
top
(上) |
middle
(中央) |
bottom
(下) |
baseline
(ベースライン) |
left
(左揃え) |
左上 |
左中央 |
左下 |
左ベースライン |
right
(右揃え) |
右上 |
右中央 |
右下 |
右ベースライン |
center
(中央揃え) |
中央上 |
中央 |
中央下 |
中央ベースライン |
<TABLE border="1" width="100%">
<TR>
<TH> </TH>
<TH>top<BR>(上)</TH>
<TH>middle<BR>(中央)</TH>
<TH>bottom<BR>(下)</TH>
<TH>baseline<BR>(ベースライン)</TH>
</TR>
<TR>
<TH>left<BR>(左揃え)</TH>
<TD valign="top" align="left">左上
</TD>
<TD valign="middle" align="left">左中央
</TD>
<TD valign="bottom" align="left">左下
</TD>
<TD valign="baseline" align="left">左ベースライン
</TD>
</TR>
<TR>
<TH>right<BR>(右揃え)</TH>
<TD valign="top" align="right">右上
</TD>
<TD valign="middle" align="right">右中央
</TD>
<TD valign="bottom" align="right">右下
</TD>
<TD valign="baseline" align="right">右ベースライン
</TD>
</TR>
<TR>
<TH>center<BR>(中央揃え)</TH>
<TD valign="top" align="center">中央上
</TD>
<TD valign="middle" align="center">中央
</TD>
<TD valign="bottom" align="center">中央下
</TD>
<TD valign="baseline" align="center">中央ベースライン
</TD>
</TR>
</TABLE>