Balise HTML <colgroup>

Définition et utilisation

<colgroup> La balise est utilisée pour définir le format des groupes de colonnes contenant une ou plusieurs colonnes dans un tableau.

Pour appliquer un style à toutes les colonnes<colgroup> Les balises sont très utiles, car elles évitent de répéter le style pour chaque cellule et chaque rangée.

Attention :<colgroup> Les balises doivent être <table> les éléments enfants de l'élément <caption> après l'élément <thead>、<tbody>、<tfoot> et <tr> avant l'élément.

Astuce :Pour <colgroup> Pour définir des attributs différents pour une colonne donnée, utilisez <colgroup> Utilisation dans les balises : <col> balise.

Voir également :

Manuel de référence HTML :<col> balise

Manuel de référence HTML DOM :Objet ColumnGroup

Exemple

Utilisez les balises <colgroup> et <col> pour définir la couleur de fond des trois colonnes :

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Titre</th>
    <th>Prix</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML Débutant</td>
    <td>$53</td>
  </tr>
</table>

Essayer vous-même

Attribut

Attribut Valeur Description
span Numérique Définit le nombre de colonnes que le groupe de colonnes doit couvrir.

Attributs globaux

<colgroup> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<colgroup> Les balises prennent également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

La plupart des navigateurs affichent les valeurs suivantes par défaut <colgroup> Élément :

{ colgroup
  display: table-column-group;
}

Essayer vous-même

Compatibilité du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support