HTML Tablosu Kol Grubu
<colgroup>
Öğe, bir tablonun belirli sütunlarına stil vermek için kullanılır .
HTML Tablosu Kol Grubu
Bir tablonun ilk iki sütununa stil vermek istiyorsanız <colgroup>
ve <col>
öğelerini kullanın.
AY | sal | EVLENMEK | TOPLAMAK | Cuma | OTURDU | GÜNEŞ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
Öğe , <colgroup>
sütun özellikleri için bir kap olarak kullanılmalıdır.
Her grup bir <col>
eleman ile belirtilir.
Nitelik, stili alan span
kaç sütun olduğunu belirtir.
Nitelik style
, sütunlara verilecek stili belirtir.
Not: Ortak gruplar için çok sınırlı yasal CSS özellikleri vardır .
Örnek
<table>
<colgroup>
<col span="2"
style="background-color: #D6EEEE">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
Not: Etiket <colgroup>
, bir öğenin çocuğu olmalı ve ,
, vb. <table>
gibi diğer tablo öğelerinden önce , ancak varsa öğeden
sonra yerleştirilmelidir .<thead>
<tr>
<td>
<caption>
Yasal CSS Özellikleri
Colgroup içinde kullanılmasına izin verilen CSS özelliklerinin yalnızca çok sınırlı bir seçimi vardır:
width
mülk
visibility
mülk
background
mülk
border
mülkler
Diğer tüm CSS özelliklerinin tablolarınız üzerinde hiçbir etkisi olmayacaktır.
Çoklu Sütun Öğeleri
Farklı stillerle daha fazla sütuna stil vermek istiyorsanız,
<col>
içinde daha fazla öğe
kullanın <colgroup>
:
Örnek
<table>
<colgroup>
<col span="2"
style="background-color: #D6EEEE">
<col span="3"
style="background-color: pink">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
Boş Ortak Gruplar
Bir tablonun ortasındaki sütunlara stil vermek istiyorsanız, önceki sütunlar için "boş" bir
<col>
öğe (stilsiz) ekleyin:
Örnek
<table>
<colgroup>
<col span="3">
<col
span="2"
style="background-color: pink">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
Sütunları Gizle
visibility: collapse
Şu özellik ile sütunları gizleyebilirsiniz :
Örnek
<table>
<colgroup>
<col span="2">
<col span="3"
style="visibility: collapse">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...