HTML col Tag

HTML col Tag - belajar html <col>, element <col> mempunyai definisi sebagai penentu style sebuah kolom pada element <table>. Penulisan element <col> dibbungkus oleh element <colgroup>

HTML <col> ditulis didalam element <table> setelah element <caption> jika ada, dan sebelum element <thead>, <tbody>, <tfoot> dan <tr>.

Atribut HTML <col>:

Attibute	Value	Deskripsi
span	angka	Menentukan jumlah kolom yang harus dijangkau

Contoh penerapan html <col> pada HTML :

<table>
  <caption>Judul Table</caption>
  <colgroup>
    <col style="background: #b1f5e5;">
    <col style="background: #7c65fb;">
    <col style="background: #e0f3b4;">
    <col span="3" style="background: #dedede;">
  </colgroup>
   <thead>
  <tr>
    <th>No</th>
    <th>title</th>
    <th>title</th>
    <th>title</th>
    <th>title</th>
    <th>title</th>
  </tr>
   </thead>
   <tbody>
  <tr>
    <td>1</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
  </tr>
  <tr>
    <td>2</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
  </tr>
  <tr>
    <td>3</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
    <td>isi konten</td>
  </tr>
  </tbody>
</table> 

Standar CSS yang di gunakan pada html <col>

Browser yang support dengan elemen <col> biasanya mempunyai nilai default:

col { 
    display: table-column;
}

Global Atribut

Element <col> mencakup Global Attributes HTML.

Event Attributes:

Element <col> mencakup Event Attributes HTML.

Browser Support:

Browser yang mendukung element <col>

Desktop

Chrome	Ya
Safari	Ya
Firefox	1
Opera	Ya
IE	Ya
Edge	Ya

Mobile

Android Webview	Ya
Chrome Android	Ya
Edge Mobile	Ya
Firefox Android	4
Opera Android	Ya
iOs Safari	Ya
Samsung Internet	Ya