<col>

Description

L’élément <col> est un élément void (sans contenu) qui représente une colonne dans un tableau. Il est enfant de <colgroup> et permet de cibler une colonne spécifique pour lui appliquer des styles CSS. Sans <col>, il faut utiliser span sur <colgroup> pour couvrir plusieurs colonnes d’un coup.

Syntaxe

<colgroup>
  <col>
  <col style="width: 100px">
  <col span="2">
</colgroup>

Exemples

Largeurs de colonnes définies :

<table>
  <colgroup>
    <col style="width: 40%">
    <col style="width: 30%">
    <col style="width: 30%">
  </colgroup>
  <thead>
    <tr>
      <th>Nom</th>
      <th>Type</th>
      <th>Valeur</th>
    </tr>
  </thead>
  <tbody>…</tbody>
</table>

Attributs spécifiques

Attribut	Type	Description
span	integer	Nombre de colonnes couvertes par cet élément col (défaut : 1).

Notes

Propriétés CSS limitées : comme <colgroup>, <col> n’accepte que background, border, visibility et width. Les autres propriétés doivent être appliquées directement sur les <td> ou <th>.

Alternative moderne : pour définir des largeurs de colonnes, <col style="width: X"> est courant mais table-layout: fixed associé à des <th> avec width est parfois plus prévisible.