|
表（テーブル）のサイズを設定する
|
|
【２】 表（テーブル）のサイズ
|
|
サイズの指定は、ピクセル（整数）またはパーセントで指定する。
共通 関連URL
<img>
<iframe>
|
|
|
|
<table
width=
"テーブルの幅"
height=
"テーブルの高さ"
>
<tr><td>
〜
</td></tr></table>
|
|
|
width=""
|
属性
|
テーブル・行・セルに横サイズを設定。
ピクセル（整数）と、%を指定できる。
|
|
height=""
|
属性
|
テーブル・行・セルに縦サイズを設定。
ピクセル（整数）
%
では正常に表示しない。
|
|
|
|
|
テーブルサイズを設定していて、
<table width=""> と
<td width="">の%
が合わない？気付きましたか、
table
のサイズは、ページ 全体に対しての割合を示し
td のサイズは、テーブル全体に対しての割合を示す。行のセルtd
サイズ合計が100%になる。
|
|
|
テーブルのサイズを指定タグ 参考例 センターリングしています。
|
<table width="80%" border="0">
<tr>
<td align=center width="20%">
セル １
</td>
<td align=center width="30%">
セル ２
</td>
<td align=center width="50%">
セル ３
</td>
</tr> </table>
|
|
|
|
|
サンプル Ｎo １ 上記タグの表示例
| |
| |
背景色・文字色・高さを指定、枠を消して表示しています。
|
|
|
|
|
サイズをパーセントで指定すると、ブラウザの違いに連動して表示されるが、レイアウトに拘る場合崩れる可能性もあり、ピクセル（整数）が良いかは多種多様のブラウザの表示環境では、個人の主観にゆだねなければならない現状です。
サイズ指定 枠幅・高さ ＨＴＭＬタグ解説
|
要素 属性
<table width=" ">
|
属性値
は、10進数（整数）または％単位で指定する。
テーブル全体の、幅（サイズ）を設定。
|
<table width=" " height=" ">
|
テーブル全体の、枠幅と枠の高さを設定。
|
|
<td width=" ">
|
複数のセルを設定した場合、セルに枠幅を設定。
|
|
<td width=" " height=" ">
|
複数のセルを設定した場合、セルに枠幅と高さを設定。
|
|
<table border=" ">
|
テーブル外枠線の表示(サイズ)、0で非表示 非表示。
（規定値）
|
|
|
|
|
|
|
|
|
|
|