Oznaka tfoot
Oznaka tfoot določa spodnji del tabele.
Uporablja se za združevanje vrstic na tak način,
da je mogoče takoj določeni skupini
uporabiti CSS stile. V eni tabeli
je lahko samo ena oznaka tfoot.
Oznaka tfoot se pogosto uporablja skupaj
z thead
in tbody
za določanje zgornjega dela, glavnega dela
in spodnjega dela HTML tabele. Privzeto
bo brskalnik vsebino tfoot
postavil na dno tabele, thead pa -
na vrh.
Primer
Dajmo skupini vrstic, združenih z oznako
tfoot, določimo rdečo barvo besedila
z lastnostjo color:
<table>
<thead>
<tr>
<th>Ime</th>
<th>Priimek</th>
<th>Plača</th>
</tr>
</thead>
<tbody>
<tr>
<td>ime1</td>
<td>priimek1</td>
<td>200$</td>
</tr>
<tr>
<td>ime2</td>
<td>priimek2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>število: 2</td>
<td>-</td>
<td>skupaj: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Primer
Tukaj pa poglejmo, thead
ni na vrhu, tfoot pa ni spodaj,
vendar ju brskalnik vseeno postavi na njuna
mesta:
<table>
<tfoot>
<tr>
<td>število: 2</td>
<td>-</td>
<td>skupaj: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>ime1</td>
<td>priimek1</td>
<td>200$</td>
</tr>
<tr>
<td>ime2</td>
<td>priimek2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Ime</th>
<th>Priimek</th>
<th>Plača</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
