Latest web development tutorials

HTML <colgroup> tag

Exemples

<Colgroup> et <col> pour les trois colonnes de la table définir la couleur de fond:

<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>$53</td>
  </tr>
</table>

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs supportent <colgroup> tag.


définitions de balises et les instructions

<Colgroup> est utilisée pour former les colonnes en combinaison, afin de le formater.

En utilisant la balise <colgroup>, vous pouvez appliquer un style à une colonne entière, plutôt que d'exiger répétée pour chaque cellule dans chaque ligne ou définir le style.

Note: Seulement dans la <table> élément, après tout élément <caption> à tout <thead>, <tbody>, <tfoot>, avant élément <tr> utilise <colgroup> tag.

Astuce: Si vous voulez <colgroup> dans une colonne pour définir des propriétés différentes, utiliser dans <colgroup> balise <col> tag.


Différences entre HTML 4.01 et HTML5

HTML5 plus supporté en HTML 4.01 dans la plupart des propriétés.


propriété

属性 描述
align left
right
center
justify
char
HTML5 不支持。规定在列组合中内容的水平对齐方式。
char character HTML5 不支持。规定根据哪个字符来对齐列组中的内容。
charoff number HTML5 不支持。规定第一个对齐字符的偏移量。
span number 规定列组应该横跨的列数。
valign top
middle
bottom
baseline
HTML5 不支持。定义在列组合中内容的垂直对齐方式。
width pixels
%
relative_length
HTML5 不支持。规定列组合的宽度。


global Properties

<Colgroup> supporte les propriétés globales HTML .


Propriétés de l'événement

<Colgroup> supporte les propriétés d'événements HTML .