tbodyタグ

タグtbodyは、テーブルの本体部分を定義します。 特定のグループに一度にCSSスタイルを適用できるよう、 行をグループ化するために使用されます。1つのテーブル内に 任意の数のtbodyタグを置くことができます。

タグtbodyは、HTMLテーブルの上部、本体、 下部を定義するために、theadや tfootと 一緒に使用されることがよくあります。デフォルトでは、 ブラウザはtfootの内容をテーブルの下部に、 theadの内容を上部に配置します。

例

tbodyタグでグループ化された行のグループに、 プロパティcolorを使用して テキストの色を赤にしてみましょう：

html<table>
  <thead>
    <tr>
      <th>名前</th>
      <th>苗字</th>
      <th>給料</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>name1</td>
      <td>surn1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>name2</td>
      <td>surn2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>件数: 2</td>
      <td>-</td>
      <td>合計: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

table, td, th {
  border: 1px solid black;
}

Результат:

関連項目