Balise COLGROUP
Rôle
La balise <colgroup> spécifie un groupe d’une ou plusieurs colonnes d’un tableau. La balise colgroupest utile pour appliquer des styles à des colonnes entières, au lieu de répéter les styles pour chaque cellule ou pour chaque ligne.
Pour définir des propriétés différentes à une colonne dans un <colgroup>, utilisez la balise col dans la balise <colgroup> comme dans l’exemple ci-dessous.
Testez vous-même cette balise
Utilisez Codepen.
Voici le resultat
Nous avons utilisé le CSS pour mettre en avant les groupes de colonnes
Compatibilité
La balise <colgroup> est pris en charge par tous les principaux navigateurs
Attributs spécifiques
Attributs spécifiques à cet élément
- align
- Spécifie l’alignement horizontal du contenu dans le groupe de colonnes (n’est plus supporté en HTML5)
Syntaxe :
<colgroup align="justify" > ...</colgroup> - Valeurs possible :
- align=’left’ : alignement à gauche
- align=’right’ : alignement à droite
- align=’center’ : alignement au milieu
- align=’justify’ : alignement justifié
- char
- Spécifie l’alignement du contenu dans les cellules du groupe par rapport à un caractère, par exemple les nombres décimaux par rapport au point (n’est plus supporté en HTML5)
Syntaxe :
<colgroup char="." > ...</colgroup> - charoff
- Spécifie le décalage en caractères par rapport à la valeur définit par l’attibut char (n’est plus supporté en HTML5)
Syntaxe :
<colgroup char="." charoff="2" > ...</colgroup> - span
- définit le nombre de colonnes d’un élément <colgroup>
Syntaxe :
<colgroup span="2" > ...</colgroup> - valign
- Spécifie l’alignement vertical du contenu dans le groupe de colonnes (n’est plus supporté en HTML5)
Syntaxe :
<colgroup valign="middle" > ...</colgroup> - Valeurs possible :
- valign=’top’ : alignement vers le haut
- valign=’bottom’ : alignement vers le bas
- valign=’middle’ : alignement au milieu
- valign=’baseline’ : alignement sur la ligne de base
- width
- Spécifie la largeur du groupe de colonnes (n’est plus supporté en HTML5)
Syntaxe :
<colgroup width="300" > ...</colgroup>
La balise <colgroup> prend aussi en charge les attributs globaux
Attibuts de type événement
La balise <colgroup> prend aussi en charge les événements souris
