tutorial pengembangan web terbaru
 

HTML <col> Tag


Contoh

Mengatur warna latar belakang dari tiga kolom dengan <colgroup> dan <col> tag:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
Cobalah sendiri "

Definisi dan Penggunaan

The <col> tag menentukan sifat kolom untuk setiap kolom dalam <colgroup> elemen.

The <col> tag berguna untuk menerapkan gaya ke seluruh kolom, bukan mengulangi gaya untuk setiap sel, untuk setiap baris.


Dukungan Browser

Elemen
<col> iya nih iya nih iya nih iya nih iya nih

Perbedaan Antara HTML 4.01 dan HTML5

Sebagian besar atribut dalam HTML 4.01 tidak didukung di HTML5.


Perbedaan Antara HTML dan XHTML

Dalam HTML <col> tag tidak memiliki tag akhir.

Dalam XHTML, yang <col> tag harus ditutup dengan benar.


atribut

Atribut Nilai Deskripsi
align left
right
center
justify
char
Tidak didukung di HTML5.
Menentukan keselarasan konten yang terkait dengan <col> elemen
char character Tidak didukung di HTML5.
Menentukan keselarasan konten yang terkait dengan <col> elemen karakter
charoff number Tidak didukung di HTML5.
Menentukan jumlah karakter konten akan selaras dari karakter ditentukan oleh char atribut
span number Menentukan jumlah kolom suatu <col> elemen harus menjangkau
valign top
middle
bottom
baseline
Tidak didukung di HTML5.
Menentukan vertical alignment konten yang terkait dengan <col> elemen
width %
pixels
relative_length
Tidak didukung di HTML5.
Menentukan lebar <col> elemen

Atribut global

The <col> tag juga mendukung Atribut Global di HTML .


Atribut acara

The <col> tag juga mendukung Acara Atribut di HTML .


Pages terkait

Referensi HTML DOM: Kolom Object


Pengaturan Default CSS

Kebanyakan browser akan menampilkan <col> elemen dengan nilai default berikut:

Contoh

col {
    display: table-column;
}
Cobalah sendiri "