HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

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 spankaç 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:

widthmülk
visibilitymülk
backgroundmülk
bordermü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>
...