Etiqueta HTML <colgroup>

Definición y uso

<colgroup> La etiqueta se utiliza para definir el formato de agrupaciones que contienen una o más columnas en una tabla.

Para aplicar estilos a todas las columnas,<colgroup> La etiqueta es muy útil, de esta manera no es necesario aplicar estilos repetidamente a cada celda y cada fila.

Nota:<colgroup> La etiqueta debe ser <table> los elementos hijos del elemento, ubicados en cualquier <caption> después del elemento y cualquier <thead>、<tbody>、<tfoot> y <tr> antes del elemento.

Consejo:Para establecer <colgroup> Para definir propiedades diferentes para una columna específica, utilice <colgroup> Se utiliza en la etiqueta Etiqueta <col>.

Vea también:

Manual de Referencia HTML:Etiqueta <col>

Manual de Referencia de DOM HTML:Objeto ColumnGroup

Ejemplo

Se establece el color de fondo de tres columnas utilizando las etiquetas <colgroup> y <col>:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Número de ISBN</th>
    <th>Título</th>
    <th>Precio</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML para principiantes</td>
    <td>$53</td>
  </tr>
</table>

Prueba por ti mismo

Atributo

Atributo Valor Descripción
span Número Especifica el número de columnas que debe cruzar el grupo de columnas.

Atributos globales

<colgroup> La etiqueta también admite Atributos globales en HTML.

Atributos de evento

<colgroup> La etiqueta también admite Atributos de evento en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los siguientes valores predeterminados <colgroup> Elemento:

{ colgroup
  display: table-column-group;
}

Prueba por ti mismo

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte