HTML colgroup Etiketi

Kasım 11, 2015

<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>

KAYNAK KODLARI	SONUÇ EKRANI
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <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> </body> </html>

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

Bu Blogda Ara

Html5 , CSS3 ve Javascript Dersleri