Etiqueta HTML <col>

Definición y uso

<col> La etiqueta define valores de atributos para una o más columnas de una tabla.

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

Consejo

Si desea que colgroup Utilice este elemento para definir diferentes valores de atributos para cada columna. Si no hay elementos col, las columnas heredarán todos los valores de atributos del colgroup.

El elemento col es un elemento vacío que solo contiene atributos. Para crear una columna, debe especificar el elemento td dentro del elemento tr.

Vea también:

Manual de referencia de HTML:Etiqueta <colgroup>

Manual de referencia de HTML DOM:Objeto Columna

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>Introducción a HTML</td>
    <td>$53</td>
  </tr>
</table>

Pruebe usted mismo

Atributo

Atributo Valor Descripción
span Número Especifica el número de columnas que debe cruzar el elemento <col>.

Atributos globales

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

Atributos de eventos

<col> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

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

col {
  display: table-column;
}

Pruebe usted mismo

Compatibilidad con navegadores

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