HOME >> HTML > セル内の文字の位置を指定する

point セル内の文字の位置を指定する

<TD align="キーワード1" valign="キーワード2">〜</TD>など
キーワード1にはleftcenterrightのいずれかを指定
キーワード2にはtopmiddlebottomのいずれかを指定
セル内の文字の位置を指定するには、align属性valign属性を使います。align属性は段落を指定する<P >タグや、線を表示する<HR >タグのページで説明していますが、同じように横の位置を、左(left)や中央(center)そして右(right)に指定することができます。

valign属性はここで初めて出てきましたが、この属性を使えば縦の位置を上(top)や中央(middle)そして下(bottom)に指定することができます。この二つの属性を指定しない場合、<TR >タグと<TD >タグは、align="left" valign="middle"とされるので、左揃えで縦の位置が中央にセル内の文字が表示されます。<TH >タグの場合はセンタリングされるので、何も指定しない場合、align="center" valign="middle"となります。それと<TR>タグにalign属性とvalign属性を使って位置を指定すれば、その行のセル全体を、同じ位置にすることができます。

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
(1)(2)(3)
(4)(5)(6)
(7)(8)(9)
ソース
<TABLE border="1" width="230" height="230">
<TR>
<TD algin="left" valign="top">(1)</TD>
<TD align="center" valign="top">(2)</TD>
<TD align="right" valign="top">(3)</TD>
</TR>
<TR>
<TD align="left" valign="middle">(4)</TD>
<TD align="center" valign="middle">(5)</TD>
<TD align="right" valign="middle">(6)</TD>
</TR>
<TR>
<TD align="left" valign="bottom">(7)</TD>
<TD align="center" valign="bottom">(8)</TD>
<TD align="right" valign="bottom">(9)</TD>
</TR>
</TABLE>
スポンサード・リンク
Copyright ©2001〜2016 まさぼ〜 All Right Reserved