HTML テーブルフッタ要素 (<tfoot>) は、テーブルの列を総括する行のセットを定義します。
使用可能な場所
| コンテンツカテゴリ | なし |
| 許可された内容 | 0 個以上の <tr> 要素 |
| タグの省略 | 開始タグは必須。<tfoot> 要素の直後に <tbody> 要素がある場合、または親 <table> 要素内に以降のコンテンツがない場合は終了タグを省略可能。 |
| 許可された親要素 | <table> 要素。<tfoot> は <caption> 要素、<colgroup> 要素、<thead> 要素の後に配置しなければなりません。また、すべての <tbody> 要素および <tr> 要素の前方または後方に配置できますが、それらと混在させてはなりません。HTML 4 <tfoot> 要素は <tbody> 要素および <tr> 要素の後方に配置してはなりません。この制限は HTML5 で緩和されました。 |
| 標準文書 | HTML5, section 4.9.7 (HTML4.01, section 11.2.3) |
属性
この要素はグローバル属性を持ちます。
alignHTML 4 において 、HTML5 において- この列挙属性は各セルの内容物について、水平方向の配置方法を制御します。以下の値を指定可能です。
left: 内容物をセルの左側に揃えます。center: 内容物をセル内で中央揃えにします。right: 内容物をセルの右側に揃えます。justify: 内容物がセル内で両端揃えになるように、テキストコンテンツに空白を挿入します。char: テキストコンテンツを特定の文字に対して、最小のオフセットで揃えます。特定の文字はchar属性およびcharoff属性で定義します。未実装 (参照 バグ 2212)
この属性を設定しない場合は、値が
leftであるものとします。注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。- 値
left、center、right、またはjustifyと同様の効果を得るには、CSS のtext-alignプロパティを使用します。 - CSS3 で値
charと同様の効果を得るには、text-alignプロパティの値charを使用できます 未実装。
bgcolor- この属性は、列の各セルの背景色を定義します。値は sRGB で定義された 6 桁の 16 進数値のいずれかで、先頭に '#' を付加します。16 個のあらかじめ定義された色文字列から、1 つを使用することができます。
black = "#000000" green = "#008000" silver = "#C0C0C0" lime = "#00FF00" gray = "#808080" olive = "#808000" white = "#FFFFFF" yellow = "#FFFF00" maroon = "#800000" navy = "#000080" red = "#FF0000" blue = "#0000FF" purple = "#800080" teal = "#008080" fuchsia = "#FF00FF" aqua = "#00FFFF"
charHTML 4 において 、HTML5 において- この属性は、列内のセルで揃える文字を設定します。典型的な値に、数値や金額を揃えようとするときのピリオド (.) があります。
align属性をcharに設定していない場合は、この属性を無視します。注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。charと同じ効果を得るには、CSS3 ではtext-alignプロパティの値としてcharの値を使用します。未実装
charoffHTML 4 において 、HTML5 において- この属性は、char 属性で指定した揃え文字から列のデータをオフセットする文字数を示します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。
valignHTML 4 において 、HTML5 において- この属性は、テーブル本体の各行のセルにおける垂直方向のテキスト配置方法を指定します。以下の値が指定可能です:
baseline: テキストを可能な限りセルの下端に近づけますが、下端ではなく文字のベースラインに揃えます。文字がサイズ全体に渡る場合は、bottomと同じ効果になります。bottom: テキストを可能な限りセルの下端に近づけて配置します。middle: テキストをセル内の中央に起きます。top: テキストを可能な限りセルの上端に近づけて配置します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。代わりに CSS のvertical-alignプロパティを使用してください。
DOM インターフェイス
この要素は HTMLTableSectionElement インターフェイスを実装しています。
例
<tfoot> 要素の使用例については、<table> 要素のページを参照してください。
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 1.0 | 1.0 (1.7 or earlier) | (有) | (有) | (有) |
align/valign 属性 |
1.0 | 未サポート バグ 915 | (有) | (有) | (有) |
char/charoff 属性 |
1.0 | 未サポート バグ 2212 | (有) | (有) | (有) |
bgcolor 属性 |
未サポート | 未サポート | (有) | 未サポート | 未サポート |
| 機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | (有) | 1.0 (1.0) | (有) | (有) | (有) |
align/valign 属性 |
? | 未サポート バグ 915 | ? | ? | ? |
char/charoff 属性 |
? | 未サポート バグ 2212 | ? | ? | ? |
bgcolor 属性 |
未サポート | 未サポート | (有) | 未サポート | 未サポート |
関連情報
- 他のテーブル関連要素:
<caption>,<col>,<colgroup>,<table>,<tbody>,<td>,<tbody>,<th>,<thead>,<tr> <tfoot>要素のスタイル設定に役立つであろう CSS プロパティと疑似クラス:- 列内のセルの配置を設定するための
:nth-child擬似クラス - すべてのセル内コンテンツを '.' などの同一文字で揃えるための
text-alignプロパティ
- 列内のセルの配置を設定するための