メインメニュー


[スポンサードリンク]


セル内の水平位置と垂直位置を指定する
<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>