HTML <colgroup> Etiketi
HTML <colgroup> etiketi bir yada daha fazla sütundan oluşan tabloları biçimlendirmek için kullanılır. Tüm sütunlara stiller uygular. Satır ve hücre stillerinin tekrarlanması için oldukça kullanışlıdır. HTML <colgroup> etiketi <table> etiketi içerisinde olmak zorundadır.
HTML <colgroup> etiketi içerisinde birden fazla sütun biçimlendirmek için <col> etiketi kullanılabilir.
HTML <colgroup> etiketi <table> etiketi içerisinde tanımlanmak zorundadır. Ayrıca <caption> etiketinden sonra <thead>,<tbody>,<tfoot> ve <tr> etiketlerinden önce tanımlanmak zorundadır.
Söz dizimi:
<colgroup>İçerik...</colgroup>
Özellikleri:
Görüntüleme |
Etiketi Başlat/ Etiketi Bitir |
Kullanımı |
Yok |
Hem Başlangıç Hem Bitiş |
HTML Tabloları |
Örnek:
<!DOCTYPE html> <html> <head> <title>Colgroup Etiketi</title> </head> <body> <h2>HTML Colgroup Etiketi Örneği</h2> <table border="1"> <colgroup> <col style="background-color: yellow" width="50"> <col span="2" style="background-color: #b0e7f6" width="100"> </colgroup> <tr> <th>Sıra</th> <th>Ürün</th> <th>Fiyat</th> </tr> <tr> <td>1</td> <td>Elma</td> <td>2</td> </tr> <tr> <td>2</td> <td>Mandalina</td> <td>4</td> </tr> <tr> <td>3</td> <td>Kivi</td> <td>7</td> </tr> </table> </body> </html>
Ekran Çıktısı:
HTML Colgroup Etiketi Örneği
Sıra |
Ürün |
Fiyat |
---|---|---|
1 |
Elma |
2 |
2 |
Mandalina |
4 |
3 |
Kivi |
7 |
Özel Kullanımları:
Özellik |
Değer |
Açıklama |
align |
|
Sütun içeriğini hizalar. |
char |
character |
Sütun grubundaki içeriği karaktere göre hizalar. |
charoff |
number |
Sütun verilerindeki karakter sayısını ayarlar. |
span |
number |
Bir grubun yayıldığı sütun sayısını belirler. |
valign |
|
Sütun grubunun dikey hizalamasını belirler. |
width |
|
Sütun grubunun genişliğini belirler. |
Tarayıcı Desteği: