Örnek
Üç sütun arka plan rengini ayarlayın <colgroup> ve <col> etiketleri:
<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>
Kendin dene " Tanımı ve Kullanımı
<colgroup> etiketi biçimlendirme için bir tabloda bir veya daha fazla sütun grubunu belirler.
<colgroup> etiketi her satır için, her bir hücre için stilleri tüm sütunlara stiller uygulayarak, yerine tekrar için yararlıdır.
Note: <colgroup> etiketi bir çocuk olmalı <table> , eleman herhangi sonrasında <caption> unsurları ve herhangi önce <thead>, <tbody>, <tfoot> ve <tr> elemanları.
Tip: içinde bir sütuna farklı özellikler tanımlamak için bir <colgroup> kullanmak <col> dahilinde etiketi <colgroup> etiketi.
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <colgroup> | Evet | Evet | Evet | Evet | Evet |
HTML 4.01 ve HTML5 Arasındaki Farklar
HTML 4.01 özniteliklerin çoğu HTML5 ile desteklenmez.
Nitelikler
| nitelik | değer | Açıklama |
|---|---|---|
| align | left right center justify char | HTML5 desteklenmez. Sütun grubuna içeriği hizalar |
| char | character | HTML5 desteklenmez. Bir karakter için bir sütun grubundaki içeriği hizalar |
| charoff | number | HTML5 desteklenmez. Içerik tarafından belirtilen karakter karakter sayısı hizalanmış olacak ayarlar char özniteliği |
| span | number | Bir sütun grubu kapsaması sütun sayısını belirtir |
| valign | top middle bottom baseline | HTML5 desteklenmez. Dikey bir sütun grubu içeriği hizalar |
| width | pixels % relative_length | HTML5 desteklenmez. Sütun grubuna genişliğini belirtir |
Küresel Nitelikler
<colgroup> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<colgroup> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML DOM referansı: ColumnGroup Nesne
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <colgroup> aşağıdaki varsayılan değerlerle eleman: