Exemple
Définissez la couleur des trois colonnes avec les arrière - plan <colgroup> et <col> tags:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
Essayez - le vous - même » Définition et utilisation
Le <colgroup> balise spécifie un groupe d'une ou plusieurs colonnes d'une table pour le formatage.
Le <colgroup> tag est utile pour appliquer des styles à des colonnes entières, au lieu de répéter les styles pour chaque cellule, pour chaque ligne.
Note: Le <colgroup> balise doit être un enfant d'une <table> élément, après les <caption> éléments et avant toute <thead>, <tbody>, <tfoot> et <tr> éléments.
Conseil: Pour définir des propriétés différentes à une colonne dans un <colgroup> , utilisez le <col> tag dans le <colgroup> tag.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <colgroup> | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
La plupart des attributs HTML 4.01 ne sont pas pris en charge dans HTML5.
Les attributs
| Attribut | Valeur | La description |
|---|---|---|
| align | left right center justify char | Non pris en charge en HTML5. Aligne le contenu d'un groupe de colonnes |
| char | character | Non pris en charge en HTML5. Aligne le contenu d'un groupe de colonnes à un personnage |
| charoff | number | Non pris en charge en HTML5. Définit le nombre de caractères du contenu sera aligné à partir du caractère spécifié par l' char attribut |
| span | number | Indique le nombre de colonnes d'un groupe de colonnes doit enjamber |
| valign | top middle bottom baseline | Non pris en charge en HTML5. Vertical aligne le contenu dans un groupe de colonnes |
| width | pixels % relative_length | Non pris en charge en HTML5. Spécifie la largeur d'un groupe de colonnes |
Attributs globaux
Le <colgroup> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <colgroup> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: ColumnGroup Object
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <colgroup> élément avec les valeurs par défaut suivantes: