<groupecol>


HTML <colgroup> Balise

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<table border="1">
  <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></td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td></td>
  </tr>
</table>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Prise en charge du navigateur

1000.png

Tous les principaux navigateurs prennent en charge le <colgroup> étiqueter .

Définition des balises et instructions d'utilisation

Les balises <colgroup> permettent de regrouper les colonnes du tableau afin de les formater.

En utilisant la balise <colgroup>, vous pouvez appliquer des styles à une colonne entière sans avoir à styliser à plusieurs reprises chaque cellule ou ligne.

Remarque : ne peut être que dans l'élément <table>, après tout élément <caption> et dans l'un des éléments <thead>, <tbody>, < la balise <colgroup> avant les éléments tfoot>

Conseil : Si vous souhaitez définir différents attributs pour une colonne dans <colgroup>, veuillez utiliser la balise <col> à l'intérieur de la balise <colgroup>

Différences entre HTML 4.01 et HTML5

La plupart des attributs de HTML 4.01 ne sont plus pris en charge en HTML5.

Attributs

AttributValeurDescription
alignerà gauche
属性值描述
alignleft
     right
     center
     justify
     char		HTML5 不支持。规定在列组合中内容的水平对齐方式。
charcharacterHTML5 不支持。规定根据哪个字符来对齐列组中的内容。
charoffnumberHTML5 不支持。规定第一个对齐字符的偏移量。
spannumber规定列组应该横跨的列数。
valigntop
     middle
     bottom
     baseline		HTML5 不支持。定义在列组合中内容的垂直对齐方式。
widthpixels
   %
relative_length		HTML5 不支持。规定列组合的宽度。
C'est vrai

centre
Justifier

char		HTML5 n'est pas pris en charge.
Spécifie l'alignement horizontal du contenu dans un groupe de colonnes.
charcaractèreHTML5 n'est pas pris en charge.

Spécifie quel caractère doit être utilisé pour aligner le contenu du groupe de colonnes.

charoffnuméroHTML5 n'est pas pris en charge. Spécifie le décalage du premier caractère aligné.
spannuméroSpécifie le nombre de colonnes que le groupe de colonnes doit s'étendre.
valignhaut

milieu

en bas
La ligne de base		HTML5 n'est pas prise en charge.

Définit l'alignement vertical du contenu au sein d'un groupe de colonnes.

largeurpixels %

relative_length

Non pris en charge en HTML5.

Spécifie la largeur de la combinaison de colonnes.


<🎜><🎜>Attributs globaux <🎜><🎜>La balise <colgroup> prend en charge les attributs globaux HTML. <🎜><🎜><🎜>Attributs d'événement <🎜><🎜>La balise <colgroup> prend en charge les attributs d'événement HTML. <🎜><🎜><🎜><🎜>