SITEMAP [初めてのホームページ講座] [逆引きHTML] [12.テーブル] [11.セルの幅]

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

逆引きHTMLリファレンス

12. テーブル

12-11. セルの幅

●タグ <TD>
●構文 <TD Width="xxx"> </TD>
xxx:0以上の整数をピクセルで指定するか、テーブル全体の幅に対する比率で指定します
●説明
テーブルセルの幅を指定します。

ピクセルで指定する場合は指定したそのものの幅のセルができます。 この場合、ブラウザの大きさに拘わらず指定した幅のセルになります。 ピクセル指定の場合、行内セルの幅の合計がテーブル全体の幅と異なる場合、期待したテーブルと異なるものになるので注意が必要です。

また、比率で指定した場合、テーブル全体の幅に対する比率となります。

これらの使い分けは、趣旨に応じて行います。 例えば、セル内部の文章などを絶対に改行されたくない場合などはピクセル指定で、 ブラウザの大きさや画面の解像度の影響を受けたくない場合は比率指定で行うのが良いでしょう。

●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=300>
		<TR>
			<TD Width=100>セル幅100を</TD>
			<TD Width=100>3つで</TD>
			<TD Width=100>合計300</TD>
		</TR>
	</TABLE>
	<TABLE Border=2 Width=300>
		<TR>
			<TD Width="33%">テーブル幅300で</TD>
			<TD Width="33%">セルを均等に</TD>
			<TD Width="34%">33%ずつ</TD>
		</TR>
	</TABLE>
</BODY>
</HTML>
[Go To Top]

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