Sifat table-layout CSS

definisi dan penggunaan

properti tableLayout digunakan untuk menampilkan algoritma aturan algoritma sel, baris, dan kolom tabel.

susun atur tabel tetap:

dibandingkan dengan susun atur tabel otomatis, susun atur tabel tetap memungkinkan pelayar untuk melakukan susun atur tabel dengan lebih cepat.

dalam susun atur tabel tetap, susun atur horizontal hanya tergantung pada lebar tabel, lebar kolom, lebar border tabel, dan jarak sel, tanpa berhubungan dengan isi sel.

dengan menggunakan susun atur tabel tetap, peran pengguna dapat menampilkan tabel setelah menerima baris pertama.

susun atur tabel otomatis:

dalam susun atur tabel otomatis, lebar kolom ditentukan oleh konten paling lebar yang belum mengalami patah baris di sel kolom.

algoritma ini kadang-kadang lambat, karena ia perlu mengakses semua konten di dalam tabel sebelum menentukan susun atur akhir.

penjelasan

sifat ini menentukan algoritma susun atur yang digunakan untuk mengatur susun atur tabel. Algoritma susun atur tetap lebih cepat, tetapi kurang fleksibel, sedangkan algoritma otomatis lebih lambat, tetapi lebih mewakili tabel HTML tradisional.

lihat juga:

panduan CSS:Tabel CSS

panduan HTML DOM:properti tableLayout

contoh

menetapkan algoritma susun atur tabel:

table
  {
  table-layout:fixed;
  }

coba sendiri

gramata CSS

table-layout: auto|fixed|initial|inherit;

nilai properti

nilai penjelasan
automatic baku. Lebar kolom ditentukan oleh isi sel.
fixed lebar kolom ditentukan oleh lebar tabel dan lebar kolom.
inherit dinyatakan untuk mengikuti nilai properti table-layout dari elemen induk.

detil teknologi

nilai baku: auto
kekeluargaan: ya
versi: CSS2
gramata JavaScript: objek.style.tableLayout="fixed"

contoh lebih banyak

menetapkan susun atur tabel
contoh ini memperlihatkan bagaimana untuk menetapkan susun atur tabel.

kepatuhan pelayar

nombor di dalam tabel menunjukkan versi paling awal penggunaan yang mendukung sifat ini.

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0