HTML <col> Tag

Definitie en gebruik

<col> De tag definieert eigenschapswaarden voor een of meerdere kolommen in een tabel.

Als je de stijl wilt toepassen op alle kolommen<col> De tag is zeer nuttig, zodat je de stijl niet opnieuw hoeft toe te passen op elke cel en elke rij.

Tip

Als je wilt dat colgroup Gebruik dit element als je verschillende eigenschapswaarden voor elke kolom wilt specificeren. Als er geen col-element is, neemt de kolom alle eigenschapswaarden over van de colgroup.

De col element is een lege element die alleen eigenschappen bevat. Als je een kolom wilt maken, moet je een td-element binnenin een tr-element specificeren.

Zie ook:

HTML referentiehandleiding:<colgroup> tag

HTML DOM referentiehandleiding:Column object

Voorbeeld

Gebruik de <colgroup> en <col> tags om de achtergrondkleur van drie kolommen in te stellen:

<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>3476896</td>
    <td>HTML basis</td>
    <td>$53</td>
  </tr>
</table>

Probeer het zelf

Eigenschap

Eigenschap Waarde Beschrijving
span Getal Stelt het aantal kolommen dat de <col> element moet overschrijden.

Globale eigenschappen

<col> De tag ondersteunt ook Globale eigenschappen in HTML.

evenement eigenschappen

<col> De tag ondersteunt ook Evenement eigenschappen in HTML.

Standaard CSS instellingen

De meeste browsers zullen de volgende standaardwaarden weergeven <col> Element:

col {
  display: table-column;
}

Probeer het zelf

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning