w3docs logo

Tag HTML <col>

Le tag <col> spécifie les caractéristiques d'une ou plusieurs colonnes du tableau HTML, définies par le tag <table>. Le tag <col> est souvent utilisé avec le tag <colgroup>, qui spécifie un groupe avec des caractéristiques communes.

Syntaxe

Le tag <col> est un seul élément; le tag fermant n’est pas requis. En XHTML le tag <col> doit être fermé. (</col>).

Le tag<col> est situé dedans le tag <table> avant les tags <thead>, <tbody>, <tfoot> et <tr> et après le tag <caption> s’il est utilisé (dans le tag <thead> on met le nom du tableau).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <style>
      table,th,td{border:1px solid black;}
    </style>
  </head>
  <body>
    <table>
      <colgroup>
        <col span="2" style="background-color:#EDEDED; width: 150px;">
        <col style="background-color:#50F740; width: 50px;">
      </colgroup>
      <tr>
        <th>Nom</th>
        <th>Sexe</th>
        <th>Age</th>
      </tr>
      <tr>
        <td><em>Marie Legrand</em></td>
        <td>féminine</td>
        <td>19</td>
      </tr>
      <tr>
        <td><em>Charle Legrand</em></td>
        <td>masculin</td>
        <td>23</td>
      </tr>
    </table>
  </body>
</html>

Résultat

COl

Attributs

Attribut Valeur Description
align Définit l'alignement du contenu de la colonne.
Non supporté en HTML5.
left Aligne à gauche.
right Aligne à droit.
center Aligne au centre.
justify Aligne sur les bords droit et gauche.
char Aligne un symbole spécial avec un décalage minimum, défini par les attributs char et charoff.
char character Aligne le contenu de la colonne avec le symbole spécifié. Utilisé uniquement si align = "char".
Non supporté en HTML5.
charoff number Décale le contenu de la cellule par rapport au caractère spécifié indiqué comme valeur de l'attribut vers la droite (valeurs positives) ou vers la gauche (valeurs négatives). Utilisé uniquement si l'attribut align = "char".
Non supporté en HTML5.
span number Définit le nombre des colonnes dont les caractéristiques sont définies par l'élément <col>. Le nombre doit être un entier positif. Si le paramètre n'est pas défini, la valeur par défaut est 1.
valign Aligne le contenu verticalement.
Non supporté en HTML5.
top Aligne en haut de la ligne.
bottom Aligne en bas de la ligne.
middle Aligne au milieu.
baseline Aligne la ligne de base.
width %
pixels
relative_length		 Définit la largeur de la colonne.
Non supporté en HTML5.

Le tag <col> supporte également les Attributs globaux et les Attributs d'événements.

Support de Navigateurs

chrome edge firefox safari opera
✓ ✓ ✓ ✓ ✓

Pratiquez vos connaissances

Quelles sont les utilités de la balise <col> en HTML ?
Trouvez-vous cela utile?