tfoot

1. 基本情報

説明 フッタ行グループを示す
語源 Table FOOTer
所属モジュール Tables
所属コンテントセット なし
内容 tr [必須]
内容の書式 tr+
関連項目 table, thead, tbody
公式な実装 DTD

2. 属性

2-1. 一般属性

属性 属性値の型 説明
Common [属性コレクション]

XHTMLの要素が大抵持っている、一般的な属性を集めたコレクションです。

2-2. 固有属性

属性 属性値の型 説明
char Character (CDATA)

align属性がcharの時、表示位置を揃える基準となる文字を指定します。

charoff Length (CDATA)

align属性がcharの時、char属性の文字の水平方向表示位置を指定します。

align [選択]

セルの内容の水平方向表示位置を指定します。

  • left [既定値] - 左寄せにします。
  • center - 中央寄せにします。
  • right - 右寄せにします。
  • justify - 均等割り付けにします。
  • char - 指定した文字を基準とします。
valign [選択]

セルの内容の垂直方向表示位置を指定します。

  • top - 上端揃えにします。
  • middle [既定値] - 中央揃えにします。
  • bottom - 下端揃えにします。
  • baseline - ベースライン揃えにします。

3. 解説

3-1. 概要

tfoot要素は、フッタに相当するtr要素を内包します。行グループの一つで、thead要素tbody要素の間に1回まで現れる事ができますが、tr要素table要素の直接の子にした場合は現れる事ができません。

3-2. 使用例

現れうる場所に注意して下さい。役割はヘッダに近いので、tbody要素よりも先に書かなくてはなりません。

[プログラムコード開始]

<table>
<caption>2月の支出</caption>
<colgroup class="date"></colgroup>
<colgroup class="expenses" span="4"></colgroup>
<colgroup class="total"/>
<thead>
<tr><th scope="col">日付</th><th scope="col">食費</th><th scope="col">光熱費</th><th scope="col">水道費</th><th scope="col">その他</th><th scope="col">計</th></tr>
</thead>
<tfoot class="total">
<tr><th scope="row">計</th><td>32100円</td><td>78900円</td><td>14700円</td><td>96300円</td><td>222000円</td></tr>
</tfoot>
<tbody>
<!-- ……28個のtr…… -->
</tbody>
</table>

[プログラムコード終了]

[tfoot]
Published : 2006-03-26T09:00:00+09:00
Last Modified : 2007-02-10T09:00:00+09:00
Table of Contents : 要素目次
Index : 要素索引
Verified with : Valid XHTML 1.1
Copyright © 2006 - 2007  E+X.