tRikSonic
Tema
  • Original
  • Translate

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>.

background html

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
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.