Tbody Etiketi

tbody etiketi, bir tablonun ana gövdesini belirtir. Belirli bir gruba hemen CSS stilleri uygulanabilmesi için satırları gruplamak amacıyla kullanılır. Bir tabloda istediğiniz sayıda tbody etiketi bulunabilir.

tbody etiketi genellikle thead ve tfoot etiketleriyle birlikte, bir HTML tablosunun üst kısmını, ana gövdesini ve alt kısmını belirtmek için kullanılır. Varsayılan olarak tarayıcı, tfoot içeriğini tablonun en altına, thead içeriğini ise en üstüne yerleştirecektir.

Örnek

tbody etiketiyle gruplanmış satır grubuna, color özelliği ile kırmızı metin rengi ekleyelim:

html<table>
  <thead>
    <tr>
      <th>İsim</th>
      <th>Soyisim</th>
      <th>Maaş</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>isim1</td>
      <td>soyisim1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>isim2</td>
      <td>soyisim2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>sayı: 2</td>
      <td>-</td>
      <td>toplam: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Ayrıca Bakınız