Contoh
Tabel HTML dengan baris vertikal-blok yang berbeda:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
Cobalah sendiri " Definisi dan Penggunaan
The valign atribut menentukan alignment vertikal dari konten dalam baris tabel.
Dukungan Browser
| Atribut | |||||
|---|---|---|---|---|---|
| valign | iya nih | iya nih | iya nih | iya nih | iya nih |
kompatibilitas Catatan
The valign atribut <tr> tidak didukung di HTML5. Gunakan CSS sebagai gantinya.
Sintaks CSS: <tr style="vertical-align:bottom">
CSS Contoh: konten menyelaraskan vertikal di dalam <tr>
Dalam tutorial CSS kami Anda dapat menemukan rincian lebih lanjut tentang properti vertical-align .
Sintaksis
<tr 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"