Contoh
Vertikal menyelaraskan konten dalam <tfoot> elemen ke bawah:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
<tfoot valign="bottom">
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
Cobalah sendiri " Definisi dan Penggunaan
The valign atribut menentukan alignment vertikal dari konten dalam <tfoot> elemen.
Dukungan Browser
| Atribut | |||||
|---|---|---|---|---|---|
| valign | iya nih | iya nih | iya nih | iya nih | iya nih |
kompatibilitas Catatan
The valign atribut <tfoot> tidak didukung di HTML5. Gunakan CSS sebagai gantinya.
Sintaks CSS: <tfoot style="vertical-align:bottom">
CSS Contoh: konten menyelaraskan vertikal di dalam <tfoot>
Dalam tutorial CSS kami Anda dapat menemukan rincian lebih lanjut tentang vertical-align property .
Sintaksis
<tfoot valign="top|middle|bottom|baseline">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| top | konten top-align |
| middle | konten pusat-align |
| bottom | konten bawah-align |
| baseline | Baseline adalah garis imajiner yang paling huruf "duduk" di, dalam baris teks. Nilai dasar menetapkan baris sehingga semua data tabel berbagi dasar yang sama. Seringkali ini memiliki efek yang sama dengan nilai bawah. Namun, jika font dalam ukuran yang berbeda, dasar terlihat lebih baik. Lihatlah ilustrasi di bawah |
Ilustrasi bawah vs dasar jika font dalam berbagai ukuran:
valign="bottom"
valign="baseline"