Tbody tegi

tbody tegi jadvalning asosiy qismini belgilaydi. Qatorlarni shunday guruhlash uchun ishlatiladiki, darhol ma'lum bir guruhga CSS uslublarini qo‘llash mumkin. Bitta jadvalda istalgan miqdorda tbody teglari bo‘lishi mumkin.

tbody tegi ko‘pincha thead va tfoot teglari bilan birgalikda HTML jadvalining yuqori qismi, asosiy qismi va pastki qismini belgilash uchun ishlatiladi. Standart sozlama bo‘yicha brauzer tfoot mazmunini jadvalning pastki qismiga, thead mazmunini esa yuqori qismiga joylashtiradi.

Misol

Keling, tbody tegi bilan birlashtirilgan qatorlar guruhiga color xususiyati yordamida matnning qizil rangini qo‘shamiz:

html<table>
  <thead>
    <tr>
      <th>Ism</th>
      <th>Familiya</th>
      <th>Maosh</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ism1</td>
      <td>familiya1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>ism2</td>
      <td>familiya2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>soni: 2</td>
      <td>-</td>
      <td>jami: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Shuningdek qarang