ウェブランサー

<tfoot> テーブル(表)のフッタ行を定義する

対応ブラウザ
IE7対応IE8対応Firefox対応Chrome対応Opera対応Safari対応
タイプ -
取り扱い 標準

<tfoot>タグは、テーブル(表)のフッタ行を定義する際に使用します。
表は内容を「ヘッダ部分」「フッタ部分」「本体部分」の行単位でグループ化する事が出来ます。グループ化した内容は、グループ単位で属性やスタイルシートが設定できるようになります。

記述する順番
<thead>タグ:ヘッダ部分。
<tfoot>タグ:フッタ部分。
<tbody>タグ:ボディー部分。

<tfoot>タグに指定できる属性

align="値(left, center, right, char)"
セルの内容物の横位置をグループ単位で指定できます。
valign="値(top, middle, bottom)"
セルの内容物の縦位置をグループ単位で指定できます。
char="値(小数点)"
align属性の値に "char" を指定した場合にセル内の位置揃えの軸となる文字を指定します。
charoff="値(数値, %)"
char属性で位置揃えの軸となる文字を指定した場合に、その文字から水平方向にどの位置までずらして表示するかを指定します。
style="プロパティ:値;"
スタイルを指定します。
id="", class=""
idやclass付けが出来ます。

<tfoot>の使用サンプル

HTML
<table border="1" bordercolor="#AAAAAA" bgcolor="#FFFFFF" cellpadding="3">
<caption>メンバー構成</caption>

<colgroup>
<col width="150">
</colgroup>

<colgroup>
<col span="2" width="100">
</colgroup>

<thead align="center" bgcolor="#EEEEEE">
<tr>
<td>メンバー</td>
<td>担当</td>
<td>出身</td>
</tr>
</thead>

<tfoot align="right" bgcolor="#EEEEEE">
<tr>
<td colspan="3">○○バンド</td>
</tr>
</tfoot>

<tbody>
<tr>
<td>ジョナサン</td>
<td>Vocal</td>
<td>北海道</td>
</tr>
<tr>
<td>ジョー・佐鳥(兄)</td>
<td>Guitar</td>
<td>東京</td>
</tr>
<tr>
<td>ビリー・新</td>
<td>Bass</td>
<td>京都</td>
</tr>
<tr>
<td>富井・リー</td>
<td>Drums</td>
<td>沖縄</td>
</tr>
<tbody>
</table>
表示確認
メンバー構成
メンバー 担当 出身
○○バンド
ジョナサン Vocal 北海道
ジョー・佐鳥(兄) Guitar 東京
ビリー・新 Bass 京都
富井・リー Drums 沖縄

※表示サンプルのためスタイルシートで装飾しています。

<tfoot>に関連するHTMLタグ

テーブル(表)に関連する要素
<caption> テーブル(表)にタイトルを付ける
<col> テーブル(表)の縦列の属性をまとめて指定する
<colgroup> テーブル(表)の縦列をグループ化する
<table> テーブル(表)を作成する
<tbody> テーブル(表)のボディ部分を定義する
<td> テーブル(表)のセルを作成する
<tfoot> テーブル(表)のフッタ行を定義する
<th> テーブル(表)の見出しとなるセルを作成する
<thead> テーブル(表)のヘッダ行を定義する
<tr> テーブル(表)の横一行を定義する