Contoh
Mengatur warna latar belakang dari tiga kolom dengan <colgroup> dan <col> tag:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
Cobalah sendiri " Definisi dan Penggunaan
The <colgroup> tag menentukan sekelompok dari satu atau lebih kolom dalam tabel untuk memformat.
The <colgroup> tag berguna untuk menerapkan gaya ke seluruh kolom, bukan mengulangi gaya untuk setiap sel, untuk setiap baris.
Catatan: <colgroup> tag harus menjadi anak dari <table> elemen, setelah setiap <caption> elemen dan sebelum <thead>, <tbody>, <tfoot> , dan <tr> elemen.
Tip: Untuk menentukan sifat yang berbeda untuk kolom dalam <colgroup> , gunakan <col> tag dalam <colgroup> tag.
Dukungan Browser
| Elemen | |||||
|---|---|---|---|---|---|
| <colgroup> | iya nih | iya nih | iya nih | iya nih | iya nih |
Perbedaan Antara HTML 4.01 dan HTML5
Sebagian besar atribut dalam HTML 4.01 tidak didukung di HTML5.
atribut
| Atribut | Nilai | Deskripsi |
|---|---|---|
| align | left right center justify char | Tidak didukung di HTML5. Menyelaraskan konten dalam kelompok kolom |
| char | character | Tidak didukung di HTML5. Menyelaraskan konten dalam kelompok kolom untuk karakter |
| charoff | number | Tidak didukung di HTML5. Menyetel jumlah karakter konten akan selaras dari karakter ditentukan oleh char atribut |
| span | number | Menentukan jumlah kolom kelompok kolom harus menjangkau |
| valign | top middle bottom baseline | Tidak didukung di HTML5. Vertikal sejajar konten dalam kelompok kolom |
| width | pixels % relative_length | Tidak didukung di HTML5. Menentukan lebar kelompok kolom |
Atribut global
The <colgroup> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <colgroup> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Referensi HTML DOM: ColumnGroup Object
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <colgroup> elemen dengan nilai default berikut: