HTML <col> Etiketi

Tanım ve Kullanım

<col> etiketi, tabloyun bir veya daha fazla sütununa özellik değerleri tanımlar.

Tüm sütunlara stil uygulamak için<col> etiketi çok kullanışlıdır, böylece her hücre ve her satıra tekrar tekrar stil uygulamak zorunda kalmazsınız.

İpucu

Eğer colgroup Her sütun için farklı özellik değerleri belirlemek içn bu elementi kullanın. col elementi yoksa, sütun colgroup'tan tüm özellik değerlerini devralır.

col elementi, sadece özellikler içeren boş bir elementtir. Sütun oluşturmak için, tr elementi içine td elementi tanımlamanız gerekir.

Ayrıca bakınız:

HTML Referans Kılavuzu:<colgroup> etiketi

HTML DOM Referans Kılavuzu:Sütun Nesnesi

Örnek

Kolonların arka plan renklerini <colgroup> ve <col> etiketleri ile ayarlayın:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Kitap Numarası</th>
    <th>Başlık</th>
    <th>Fiyat</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML Girişi</td>
    <td>$53</td>
  </tr>
</table>

Kişisel Deneyim

Özellik

Özellik Değer Açıklama
span Sayı <col> elementinin geçiş yapması gereken sütun sayısını belirtir.

Genel Özellikler

<col> Bu etiketler ayrıca HTML'deki genel özellikler.

olay özelliklerini destekler

<col> Bu etiketler ayrıca HTML'deki olay özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <col> Element:

col {
  display: table-column;
}

Kişisel Deneyim

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek