Contoh
Tabel HTML dengan kolom vertikal-blok yang berbeda:
<table style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Cobalah sendiri " Definisi dan Penggunaan
The valign atribut menentukan alignment vertikal dari konten dalam kelompok kolom.
Dukungan Browser
| Atribut | |||||
|---|---|---|---|---|---|
| valign | Tidak didukung | iya nih | Tidak didukung | Tidak didukung | Tidak didukung |
The valign atribut hanya didukung di Internet Explorer dan Opera 12 dan versi sebelumnya. Namun, mereka tidak mendukung nilai "baseline" .
kompatibilitas Catatan
The valign atribut <colgroup> tidak didukung di HTML5. Gunakan CSS sebagai gantinya.
Sintaks CSS: <td style="vertical-align:bottom">
CSS Contoh: Vertikal-align teks dalam kolom tabel
Dalam tutorial CSS kami Anda dapat menemukan rincian lebih lanjut tentang vertical-align properti .
Sintaksis
<colgroup 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 = "bawah"
valign = "dasar"