tutorial pengembangan web terbaru
 

HTML <colgroup> width Attribute

<HTML <colgroup> tag

Contoh

Sebuah <colgroup> elemen yang menentukan bahwa kolom pertama harus memiliki lebar yang telah ditetapkan dari 200 piksel:

<table>
  <colgroup width="200">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
Cobalah sendiri "

Definisi dan Penggunaan

The width atribut menentukan lebar dari kelompok kolom.

Biasanya, kelompok kolom memakan ruang yang dibutuhkan untuk menampilkan konten. The width atribut digunakan untuk mengatur lebar yang telah ditetapkan dari kelompok kolom.

Catatan: Atribut ini akan ditimpa oleh lebar apapun yang ditetapkan oleh <col> elemen.


Dukungan Browser

Atribut
width iya nih iya nih iya nih iya nih iya nih

The width atribut didukung di semua browser utama. Namun, tak satu pun dari browser mendukung nilairelative_length.


kompatibilitas Catatan

The width atribut <colgroup> tidak didukung di HTML5. Gunakan CSS sebagai gantinya.

Sintaks CSS: <td style="width:200px">

CSS Contoh: Tentukan lebar kolom tabel

Dalam tutorial CSS kami Anda dapat menemukan rincian lebih lanjut tentang width properti .


Sintaksis

<colgroup width="pixels|%|relative_lngth">

atribut Nilai

Nilai Deskripsi
pixels Set lebar dalam piksel (contoh: width="50" )
% Set lebar dalam persen dari elemen sekitarnya (contoh: width="50%" )
relative_length Berbagi piksel yang tersedia menjadi beberapa bagian. (Misalnya Sebuah meja adalah 100 px, kelompok kolom pertama adalah 20 px, yang kedua adalah 50%, piksel tersedia maka akan 30px). Salah satu bagian diatur seperti ini: "1*" .

Contoh: Jika 30 px ruang yang tersedia, Anda dapat memiliki satu "1*" dan satu "2*" , yang akan ditafsirkan sebagai 10 dan 20 px (memikirkan 1* sebagai salah satu bagian, dan 2* sebagai dua bagian) .


<HTML <colgroup> tag