Tanda <colgroup> HTML

Definisi dan penggunaan

<colgroup> Tag digunakan untuk menentukan format grup yang terdiri dari satu kolom atau lebih di dalam tabel.

Untuk menerapkan gaya untuk semua kolom<colgroup> Tag ini sangat berguna, sehingga tidak perlu mengulang aplikasi gaya untuk setiap sel dan baris.

Perhatian:<colgroup> Tag harus <table> anak elemen, berada di <caption> setelah elemen <thead>、<tbody>、<tfoot> dan <tr> sebelum elemen.

Petunjuk:Untuk <colgroup> Untuk mendefinisikan atribut yang berbeda untuk kolom yang satu, silakan gunakan <colgroup> Pada tag: <col> tag.

Silakan lihat:

Panduan HTML:<col> tag

Panduan HTML DOM:Objek ColumnGroup

Contoh

Menggunakan <colgroup> dan <col> tag untuk menata warna latar belakang tiga kolom:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Nomor buku</th>
    <th>Judul</th>
    <th>Harga</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>Awal HTML</td>
    <td>$53</td>
  </tr>
</table>

Coba sendiri

Properti

Properti Nilai Deskripsi
span Angka Tentukan berapa banyak kolom yang harus diLintasi kelompok kolom.

Properti global

<colgroup> Tanda ini juga mendukung Properti global di HTML.

Properti acara

<colgroup> Tanda ini juga mendukung Properti acara di HTML.

Pengaturan CSS default

Sebagian besar peramban akan menampilkan nilai default berikut ini <colgroup> Elemen:

colgroup {
  display: table-column-group;
}

Coba sendiri

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan