Property caption-side menentukan posisi caption (<tabel>) tabel sehubungan dengan tabel itu sendiri. Ini menentukan di sisi mana tabel keterangan harus diposisikan.

Menggunakan caption-side, keterangan tabel dapat diposisikan di atas atau di bawah tabel. Sebelum CSS versi 2.1, dua nilai kiri dan kanan diusulkan masing-masing untuk memposisikan teks pada sisi kiri dan kanan tabel. Nilai-nilai itu telah dihapus dari spesifikasi 2.1 final dan saat ini menjadi non-standar.

Trivia & Catatan

Judul tabel digunakan untuk memberikan judul pendek untuk tabel — semacam judul atau deskripsi singkat. Namun, seharusnya sekarang digunakan untuk menggambarkan struktur tabel, atribut summar tabel lebih cocok untuk itu. Itu dimasukkan setelah tag <table> pembuka, dan harus selalu menjadi anak pertama dari sebuah tabel. Anda dapat mengubah posisinya di tabel menggunakan properti sisi caption.

Untuk menyelaraskan konten teks secara horizontal di dalam kotak teks, gunakan properti perataan teks. Baca lebih lanjut tentang elemen teks dalam entri ini di MDN.

Official Syntax

caption-side: top | bottom | inherit

Berlaku untuk: element table-caption

Catatan

Dua nilai, kiri dan kanan, diusulkan untuk CSS 2. Kedua nilai dihapus di CSS 2.1 dan sekarang tidak standar.

Value

top

Posisikan keterangan di atas tabel.

bottom

Posisikan keterangan di bawah tabel.

inherit

Mewarisi posisi teks dari posisi teks orang tua.

Contoh

caption {
    caption-side: bottom;
    text-align: left;
}

.statistics-table caption {
    caption-side: top;
}