A tbody tag

A tbody tag a tábla fő részét határozza meg. Sorok csoportosítására használják úgy, hogy azonnal alkalmazni lehessen CSS stílusokat egy bizonyos csoportra. Egy táblában tetszőleges számú tbody tag lehet.

A tbody tagot gyakran együtt használják a thead és a tfoot tagokkal a HTML tábla fejlécének, fő részének és láblécének meghatározására. Alapértelmezetten a böngésző a tfoot tartalmát a tábla aljára, a thead tartalmát pedig a tetejére helyezi.

Példa

Adjunk hozzá piros szövegszínt a tbody taggal csoportosított soroknak a color tulajdonság segítségével:

html<table>
  <thead>
    <tr>
      <th>Név</th>
      <th>Vezetéknév</th>
      <th>Fizetés</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>név1</td>
      <td>vezetéknév1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>név2</td>
      <td>vezetéknév2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>darabszám: 2</td>
      <td>-</td>
      <td>összesen: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Lásd még