Contoh
Sebuah meja dengan bottom-blok <caption> elemen:
<table>
<caption align="bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Cobalah sendiri " Definisi dan Penggunaan
The align atribut mendefinisikan keselarasan elemen caption.
Atribut ini harus menyelaraskan keterangan sebagai elemen blok ke kiri, kanan, atas, atau bawah meja.
Dukungan Browser
| Atribut | |||||
|---|---|---|---|---|---|
| align | iya nih | iya nih | iya nih | iya nih | iya nih |
catatan:
- Internet Explorer 8 mendukung "left" , "right" , "top" , dan "bottom" nilai-nilai
- Internet Explorer 9 + mendukung "top" , dan "bottom" nilai-nilai
- Firefox mendukung "left" , "right" , "top" , dan "bottom" nilai-nilai
- Opera mendukung "left" , "right" , "top" , dan "bottom" nilai-nilai
- Chrome mendukung "top" , dan "bottom" nilai-nilai
- Safari mendukung "top" , dan "bottom" nilai-nilai
kompatibilitas Catatan
The <caption> align atribut tidak didukung di HTML5. Gunakan CSS sebagai gantinya.
Sintaks CSS: <caption style="caption-side:bottom"> or <caption style="text-align:left">
CSS Contoh: Posisi judul tabel
Dalam tutorial CSS kami Anda dapat menemukan rincian lebih lanjut tentang caption-side properti dan text-align properti.
Sintaksis
<caption align="left|right|top|bottom">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| left | caption adalah di sebelah kiri meja |
| right | caption adalah di sebelah kanan meja |
| top | caption adalah di bagian atas tabel (ini adalah default) |
| bottom | caption adalah di bawah meja |