Ejemplo
Ajuste el color de fondo de las tres columnas con los <colgroup> y <col> etiquetas:
<table>
<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>
Inténtalo tú mismo " Definición y Uso
La <colgroup> etiqueta especifica un grupo de una o más columnas en una tabla para el formato.
La <colgroup> etiqueta es útil para aplicar estilos de columnas completas, en lugar de repetir los estilos para cada celda, para cada fila.
Nota: La <colgroup> etiqueta debe ser un niño de un <table> elemento, después de cualquier <caption> elementos y antes de cualquier <thead>, <tbody>, <tfoot> , y <tr> elementos.
Consejo: Para definir propiedades diferentes a una columna dentro de un <colgroup> , utilice el <col> etiqueta en el <colgroup> etiqueta.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <colgroup> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
La mayoría de los atributos en HTML 4.01 no son compatibles con HTML5.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| align | left right center justify char | No se admite en HTML5. Alinea el contenido de un grupo de columnas |
| char | character | No se admite en HTML5. Alinea el contenido de un grupo de columnas a un personaje |
| charoff | number | No se admite en HTML5. Establece el número de caracteres que el contenido se alineará desde el carácter especificado por el char atributo |
| span | number | Especifica el número de columnas de un grupo de columnas debe abarcar |
| valign | top middle bottom baseline | No se admite en HTML5. Vertical: alinea el contenido en un grupo de columnas |
| width | pixels % relative_length | No se admite en HTML5. Especifica el ancho de un grupo de columnas |
Los atributos globales
La <colgroup> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <colgroup> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: ColumnGroup Objeto
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <colgroup> elemento con los siguientes valores predeterminados: