tutorial pengembangan web terbaru
 

HTML <colgroup> 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 <colgroup> tag menentukan sekelompok dari satu atau lebih kolom dalam tabel untuk memformat.

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

Catatan: <colgroup> tag harus menjadi anak dari <table> elemen, setelah setiap <caption> elemen dan sebelum <thead>, <tbody>, <tfoot> , dan <tr> elemen.

Tip: Untuk menentukan sifat yang berbeda untuk kolom dalam <colgroup> , gunakan <col> tag dalam <colgroup> tag.


Dukungan Browser

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


atribut

Atribut Nilai Deskripsi
align left
right
center
justify
char
Tidak didukung di HTML5.
Menyelaraskan konten dalam kelompok kolom
char character Tidak didukung di HTML5.
Menyelaraskan konten dalam kelompok kolom untuk karakter
charoff number Tidak didukung di HTML5.
Menyetel jumlah karakter konten akan selaras dari karakter ditentukan oleh char atribut
span number Menentukan jumlah kolom kelompok kolom harus menjangkau
valign top
middle
bottom
baseline
Tidak didukung di HTML5.
Vertikal sejajar konten dalam kelompok kolom
width pixels
%
relative_length
Tidak didukung di HTML5.
Menentukan lebar kelompok kolom

Atribut global

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


Atribut acara

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


Pages terkait

Referensi HTML DOM: ColumnGroup Object


Pengaturan Default CSS

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

Contoh

colgroup {
    display: table-column-group;
}
Cobalah sendiri "