HTML <colgroup> tag

Op deze pagina:

Voorbeeld:


<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Titel</th>
    <th>Prijs</th>
  </tr>
  <tr>
    <td>123456789</td>
    <td>Het nieuwe internet</td>
    <td>€39,95</td>
  </tr>
</table>

De <colgroup> tag geeft een groep van één of meer kolommen in een tabel voor het toepassen van stijlen. De <colgroup> tag is handig voor het toepassen van stijlen op hele kolommen.

De <colgroup> tag moet een kind zijn van een <table> element, na enig <caption> element en voor enig <thead>, <tbody>, <tfoot> en <tr> element.

Om verschillende eigenschappen aan een kolom toe te wijzen kan je de <col> tag gebruiken in een <colgroup>.

Attributen

span
"number" - Geeft het aantal kolommen dat een kolomgroep moet bevatten.

Standaard css voor het <colgroup> element


colgroup {
  display: table-column-group;
}

 

Verwante artikelen