SITEMAP [初めてのホームページ講座] [逆引きHTML] [12.テーブル] [20.セル単位の上下位置]

HTMLの参考書 スタイルシートの参考書

逆引きHTMLリファレンス

12. テーブル

12-20. セル単位の上下位置

●タグ <TD>
●構文 <TD Valign="xxx"> </TD>
xxx:下記のいずれかを指定します
  • top:上詰め表示
  • middle:垂直方向のセンタリング
  • bottom:下詰め表示(既定値)
●説明
テーブルのセルに対して、内部の文字の垂直方向の位置指定をします。 各セルごと1つ1つに指定できますので、非常にきめ細かなレイアウト実現が可能です。

<TR>と当属性の併用をした場合、当属性が優先されます。

既定値は、下詰めで表示します。

●HTML4.0 TD要素
●サンプル 実際に表示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
	<META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS">
	<TITLE>セル単位の上下位置</TITLE>
</HEAD>
<BODY>
	<TABLE Border=2 Width=400 Height=150>
		<TR Height=150 Valign="top">
			<TD Valign="top">上詰め表示</TD>
			<TD Valign="middle">中央表示</TD>
			<TD Valign="bottom">下詰め表示</TD>
		</TR>
		<TR Height=150>
			<TD Valign="top">上詰め表示</TD>
			<TD>デフォルト(中央表示)</TD>
			<TD Valign="bottom">下詰め表示</TD>
		</TR>
	</TABLE>
</BODY>
</HTML>
[Go To Top]

Copyright(C)1998 T.Miyazaki , All Rights Reserved.