HTML colgroup Etiketi

<colgroup> Etiketi

Örnek

<colgroup> ve <col> etiketleri ile üç sütunun arka plan rengini belirleyelim:

<table>
 <caption>Hafta İçi Kurs Programım</caption>

 <colgroup>
  <col span="2" style="background-color:red">
  <col style="background-color:yellow">
 </colgroup>
 
  <tr>
    <th>Salı</th>
    <th>Çarşamba</th>
    <th>Perşembe</th>
  </tr>
  <tr>
    <td>Matematik</td>
    <td>Türkçe</td>
    <td>Türkçe</td>
  </tr>
  <tr>
    <td>Vatandaşlık</td>
    <td>Tarih</td>
    <td>Coğrafya</td>
  </tr>
</table>

<colgroup> Tanımı ve Kullanımı

<colgroup> etiketitablodaki bir veya daha fazla sütun grubunu biçimlendirmeyi ifade eder.

<colgroup> etiketi her bir hücre, sıra için stil tekrarlamak yerine tüm sütunlara stil atamak için kullanışlıdır.

Not: <colgroup> etiketi; herhangi bir <caption> elementi sonrasında ve herhangi bir <thead>, <tbody>, <tfoot>, ve <tr> elementleri öncesinde kullanılıp, bir <table> elementinin çocuğu (child'ı) olmalıdır.

İpucu: <colgroup> içindeki bir sütuna farklı özellikler tanımlamak için, <colgroup> etiketi içindeki <col> etiketini kullanın.


Tarayıcı Desteği

Element
<colgroup> Var Var Var Var Var Var

HTML 4.01 ile HTML5 arasındaki farklar

HTML 4.01'deki özelliklerin çoğu HTML5'te desteklenmiyor.


Özellikler

Özellik Değer Tanım
align left
right
center
justify
char
HTML 5'te desteklenmiyor.
Bir sütun grubundaki içeriği hizalar.
char karakter HTML 5'te desteklenmiyor.
Bir sütun grubundaki içeriği bir karaktere hizalar.
charoff sayı HTML 5'te desteklenmiyor.
Char parametresi tarafından belirlenen karakterden hizalanacak olan içeriğin karakter sayısını ifade eder
span sayı Bir sütun grubunun yayılması gereken sütun sayısını ifade eder.
valign top
middle
bottom
baseline
HTML 5'te desteklenmiyor.
Bir sütun grubundaki içeriği dikey hizalar.
width %
piksel
relativ_uzunluk
HTML 5'te desteklenmiyor.
Bir sütun grubunun genişliğini ifade eder.

Standart Özellikler

<colgroup> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.


Olay Özellikleri

<colgroup> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.

Yorumlar

Bu blogdaki popüler yayınlar

HTML DOCTYPE Bildirimi

Web Sitenizden Çok Para Kazanin

Javascript ile neler yapılabilir

Html belgesi yapısını anlama uygulaması

HTML5 ile SEO Uyumlu İçerik Üret

Javascript kodları nereye yazılır

YouTube reklamları nasıl engellenir

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Html dersleri