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 <col> etiqueta especifica las propiedades de columna para cada columna dentro de un <colgroup> elemento.
La <col> etiqueta es útil para aplicar estilos de columnas completas, en lugar de repetir los estilos para cada celda, para cada fila.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <col> | 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.
Diferencias entre HTML y XHTML
En el HTML <col> etiqueta tiene ninguna etiqueta final.
En XHTML, el <col> etiqueta debe estar debidamente cerrado.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| align | left right center justify char | No se admite en HTML5. Especifica la alineación del contenido relacionado con un <col> elemento |
| char | character | No se admite en HTML5. Especifica la alineación del contenido relacionado con un <col> elemento de un personaje |
| charoff | number | No se admite en HTML5. Especifica 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 una <col> elemento debe abarcar |
| valign | top middle bottom baseline | No se admite en HTML5. Especifica la alineación vertical del contenido relacionado con un <col> elemento |
| width | % pixels relative_length | No se admite en HTML5. Especifica el ancho de un <col> elemento |
Los atributos globales
La <col> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <col> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Objeto Columna
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <col> elemento con los siguientes valores predeterminados: