Tanda <col> HTML

Definisi dan penggunaan

<col> tag menentukan nilai atribut untuk satu atau beberapa kolom dalam tabel.

untuk menerapkan gaya ke semua kolom,<col> tag ini sangat bermanfaat, sehingga Anda tidak perlu mengapply gaya kembali untuk setiap sel dan baris.

Petunjuk

Jika Anda ingin di colgroup gunakan elemen ini ketika internal untuk menentukan nilai atribut yang berbeda untuk setiap kolom. Jika tidak ada elemen col, kolom akan mewarisi semua nilai atribut dari colgroup.

Elemen col adalah elemen kosong hanya berisi atribut. Untuk membuat kolom, Anda harus menentukan elemen td di dalam elemen tr.

Lihat pula:

Panduan HTML:Tag <colgroup>

Panduan HTML DOM:Objek Kolom

Contoh

Gunakan tag <colgroup> dan <col> 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 diLintasi elemen <col>.

Properti global

<col> Tag ini mendukung Properti global HTML.

Properti acara

<col> Tag ini mendukung Properti acara di HTML.

Pengaturan CSS default

Sebagian besar browser akan menampilkan nilai default berikut ini <col> Elemen:

col {
  display: table-column;
}

Coba sendiri

Dukungan browser

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