tRikSonic
Informasi : saat ini anda mengakses blog ini untuk halaman yang di percepat penggunaannya untuk mobile/handphone (AMP) atau akses mobile dengan kecepatan internet yang rendah, mungkin beberapa fitur diblog ini belum tersedia, silahkan ganti Thema untuk mengaktifkan beberapa fitur lainnya. Terimakasih

HTML col Tag

Terakhir diperbarui : 24 Mei 2018 - 22.36
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

ChromeYa
SafariYa
Firefox1
OperaYa
IEYa
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox Android4
Opera AndroidYa
iOs SafariYa
Samsung InternetYa