HTML - balise colgroup

La description

La balise HTML <colgroup> est utilisée pour spécifier les propriétés d'un groupe de colonnes dans une table.

Si vous devez appliquer différentes propriétés à une colonne dans un colgroup, vous pouvez utiliser la balise HTML col dans la balise colgroup.

Exemple

<!DOCTYPE html>
<html>

   <head>
      <title>HTML colgroup Tag</title>
   </head>

   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      
      <table border = "1">
         <colgroup span = "3">
            <col width = "50"></col>
            <col width = "100"></col>
            <col width = "200"></col>
         </colgroup>
         
         <tr>
            <td>col 1</td>
            <td>col 2</td>
            <td>col 3</td>
         </tr>
      </table>
   </body>
	
</html>

Cela produira le résultat suivant -

Attributs globaux

Cette balise prend en charge tous les attributs globaux décrits dans Référence des attributs HTML

Attributs spécifiques

La balise HTML <colgroup> prend également en charge les attributs supplémentaires suivants -

Attribut	Valeur	La description
aligner	droit centre gauche justify char	Définit l'alignement horizontal, non pris en charge dans Html5 .
carboniser	personnage	Définit un caractère à utiliser pour aligner le texte (à utiliser avec align = "char"), non pris en charge dans Html5 .
Charoff	pixel	Spécifie un décalage d'alignement (en pixels ou en pourcentage) par rapport au premier caractère comme spécifié avec l'attribut char, non pris en charge dans Html5 .
envergure	nombre	Définit le nombre de colonnes que <col> doit couvrir, non pris en charge dans Html5 .
valigné	ligne de base inférieure moyenne supérieure	Définit l'alignement vertical, non pris en charge dans Html5 .
largeur	pixels ou%	Spécifie une largeur par défaut pour chaque colonne étendue par l'élément col actuel, non prise en charge dans Html5 .

Attributs d'événement

Cette balise prend en charge tous les attributs d'événement décrits dans HTML Events Reference

Prise en charge du navigateur

Chrome	Firefox	C'EST À DIRE	Opéra	Safari	Android
Oui	Oui	Oui	Oui	Oui	Oui

↰ Previous page