HTML <colgroup>Etiqueta


Ejemplo

Las etiquetas <colgroup> y <col> establecen el color de fondo de tres columnas en la tabla:

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

Pruébalo »

Soporte del navegador

Internet Explorer Firefox Opera Google Chrome Safari

Todos los navegadores principales soportan la etiqueta <colgroup>.


Definición de la etiqueta e instrucciones de uso

La etiqueta <colgroup> se utiliza para agrupar columnas en una tabla, con el fin de darles formato.

Mediante el uso de la etiqueta <colgroup>, se pueden aplicar estilos a columnas enteras sin necesidad de repetir el estilo para cada celda o fila.

Nota:La etiqueta <colgroup> solo se puede utilizar dentro del elemento <table>, después de cualquier elemento <caption> y antes de cualquier elemento <thead>, <tbody>, <tfoot> o <tr>.

Consejo:Si desea definir diferentes atributos para una columna dentro de <colgroup>, use<col>la etiqueta.


Diferencias entre HTML 4.01 y HTML5

HTML5 ya no soporta la mayoría de los atributos de HTML 4.01.


Atributos

Atributo Valor Descripción
align left
right
center
justify
char
HTML5 no lo soporta.Especifica la alineación horizontal del contenido en el grupo de columnas.
char character HTML5 no lo soporta.Especifica según qué carácter se alinea el contenido del grupo de columnas.
charoff number HTML5 no lo soporta.Especifica el desplazamiento del primer carácter de alineación.
span number Especifica el número de columnas que debe abarcar el grupo de columnas.
valign top
middle
bottom
baseline
HTML5 no lo soporta.Define la alineación vertical del contenido en el grupo de columnas.
width pixels
%
relative_length
HTML5 no lo soporta.Especifica el ancho del grupo de columnas.


Atributos globales

La etiqueta <colgroup> soportalos atributos globales de HTML。


Atributos de eventos

La etiqueta <colgroup> soportalos atributos de eventos de HTML。

Otras extensiones