最新のWeb開発のチュートリアル
 

HTML <tbody> Tag


HTMLテーブル<thead>, <tfoot> 、および<tbody>要素:

<table>
  <thead>
  <tr>
     <th>Month</th>
     <th>Savings</th>
  </tr>
  </thead>
  <tfoot>
  <tr>
      <td>Sum</td>
      <td>$180</td>
  </tr>
  </tfoot>
  <tbody>
  <tr>
     <td>January</td>
     <td>$100</td>
  </tr>
  <tr>
      <td>February</td>
      <td>$80</td>
  </tr>
  </tbody>
</table>
»それを自分で試してみてください

定義と使用法

<tbody>タグは、HTMLテーブル内のボディ・コンテンツをグループ化するために使用されます。

<tbody>要素は、と組み合わせて使用されている<thead><tfoot>テーブル(本体、ヘッダー、フッター)の各部分を指定する要素。

ブラウザは、独立して、ヘッダーとフッターのテーブル本体のスクロールを可能にするために、これらの要素を使用することができます。 複数のページにまたがる大規模な表を印刷する際にも、これらの要素は、各ページの最上部と最下部に印刷されるテーブルのヘッダーとフッターを有効にすることができます。

<tbody>の子のように:タグは、次のコンテキストで使用されている必要があり<table>任意の後に、要素<caption>, <colgroup>および<thead>要素。


ブラウザのサポート

素子
<tbody> はい はい はい はい はい

ヒントと注意事項

注: <tbody>要素は、1つ以上持っている必要があり<tr>タグ内に。

ヒント: <thead>, <tbody>および<tfoot>要素は、デフォルトでは、テーブルのレイアウトには影響しません。ただし、これらの要素のスタイルをCSSを使用することができます。


HTML 4.01とHTML5の違い

HTML 4.01属性のいずれも、HTML5でサポートされていません。


属性

属性 説明
align right
left
center
justify
char
HTML5でサポートされていません。
内のコンテンツ揃え<tbody>要素を
char character HTML5でサポートされていません。
内のコンテンツ揃え<tbody>文字に要素を
charoff number HTML5でサポートされていません。
文字数が内のコンテンツを設定し<tbody>要素はで指定した文字から整列されchar属性
valign top
middle
bottom
baseline
HTML5でサポートされていません。
垂直内のコンテンツ整列<tbody>要素を

グローバル属性

<tbody>タグもサポートし、グローバルは、HTMLの属性


イベント属性

<tbody>タグもサポートしています。イベントは、HTMLの属性


デフォルトのCSS設定

ほとんどのブラウザが表示されます<tbody>次のデフォルト値を持つ要素を:

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}