Contoh
Sebuah <colgroup> elemen yang menentukan bahwa kolom pertama harus memiliki lebar yang telah ditetapkan dari 200 piksel:
<table>
<colgroup width="200">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Cobalah sendiri " Definisi dan Penggunaan
The width atribut menentukan lebar dari kelompok kolom.
Biasanya, kelompok kolom memakan ruang yang dibutuhkan untuk menampilkan konten. The width atribut digunakan untuk mengatur lebar yang telah ditetapkan dari kelompok kolom.
Catatan: Atribut ini akan ditimpa oleh lebar apapun yang ditetapkan oleh <col> elemen.
Dukungan Browser
Atribut | |||||
---|---|---|---|---|---|
width | iya nih | iya nih | iya nih | iya nih | iya nih |
The width atribut didukung di semua browser utama. Namun, tak satu pun dari browser mendukung nilairelative_length.
kompatibilitas Catatan
The width atribut <colgroup> tidak didukung di HTML5. Gunakan CSS sebagai gantinya.
Sintaks CSS: <td style="width:200px">
CSS Contoh: Tentukan lebar kolom tabel
Dalam tutorial CSS kami Anda dapat menemukan rincian lebih lanjut tentang width properti .
Sintaksis
<colgroup width="pixels|%|relative_lngth">
atribut Nilai
Nilai | Deskripsi |
---|---|
pixels | Set lebar dalam piksel (contoh: width="50" ) |
% | Set lebar dalam persen dari elemen sekitarnya (contoh: width="50%" ) |
relative_length | Berbagi piksel yang tersedia menjadi beberapa bagian. (Misalnya Sebuah meja adalah 100 px, kelompok kolom pertama adalah 20 px, yang kedua adalah 50%, piksel tersedia maka akan 30px). Salah satu bagian diatur seperti ini: "1*" . Contoh: Jika 30 px ruang yang tersedia, Anda dapat memiliki satu "1*" dan satu "2*" , yang akan ditafsirkan sebagai 10 dan 20 px (memikirkan 1* sebagai salah satu bagian, dan 2* sebagai dua bagian) . |