Latest web development tutorials

etiqueta HTML <colgroup>

Ejemplos

etiqueta <colgroup> y <col> para las tres columnas de la tabla establece el color de fondo:

<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>

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan etiqueta <colgroup>.


definiciones de código e instrucciones

etiqueta <colgroup> se utiliza para formar las columnas de combinación, con el fin de darle formato.

Mediante el uso de la etiqueta <colgroup>, se puede aplicar un estilo a una columna completa, en lugar de requerir repetirse para cada celda en cada fila o establecer el estilo.

Nota: Sólo en el elemento <table> de, después de cualquier elemento <caption> en cualquiera <culata en T>, <tbody>, <tfoot>, antes de <tr> elemento utiliza <colgroup> etiqueta.

Consejo: Si desea <colgroup> en una columna para definir propiedades diferentes, utilizar antes de <colgroup> tag <col> etiqueta.


Diferencias entre HTML 4.01 y HTML5

HTML5 ya no se admite en HTML 4.01 en la mayoría de las propiedades.


propiedad

属性 描述
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 不支持。规定列组合的宽度。


Propiedades globales

<Colgroup> etiqueta es compatible con las propiedades globales HTML .


Propiedades del evento

<Colgroup> etiqueta es compatible con las propiedades de evento HTML .