Etiqueta HTML <colgroup>

❮ AnteriorReferencia deHTML completaSiguiente ❯

Ejemplo

Establezca el color de fondo de las tres columnas con las etiquetas <colgroup> y <col>:

<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 etiqueta <colgroup> especifica un grupo de una o más columnas en una tabla para formatear.

La etiqueta <colgroup> es útil para aplicar estilos a columnas completas, en lugar de repetir los estilos para cada celda, para cada fila.

Nota: la etiqueta <colgroup> debe ser un elemento secundario de un elemento <table>, después de cualquier elemento <caption> y antes de cualquier elemento <thead>, <tbody>, <tfoot> y <tr>.

Consejo: para definir diferentes propiedades en una columna dentro de un <colgroup>, use la etiqueta <col> dentro de la etiqueta <colgroup>.

---

Soporte del navegador

Element
<colgroup>	Yes	Yes	Yes	Yes	Yes

---

Diferencias entre HTML 4.01 y HTML5

La mayoría de los atributos en HTML 4.01 no son compatibles con HTML5.

---

Atributos

Attribute	Value	Description
align	left right center justify char	Not supported in HTML5. Aligns the content in a column group
char	character	Not supported in HTML5. Aligns the content in a column group to a character
charoff	number	Not supported in HTML5. Sets the number of characters the content will be aligned from the character specified by the char attribute
span	number	Specifies the number of columns a column group should span
valign	top middle bottom baseline	Not supported in HTML5. Vertical aligns the content in a column group
width	pixels % relative_length	Not supported in HTML5. Specifies the width of a column group

---

Atributos globales

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

---

Atributos del evento

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

---

páginas relacionadas

Referencia de HTML DOM: Objeto ColumnGroup

---

Configuración CSS predeterminada

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

Ejemplo

colgroup { 
    display: table-column-group;}

Inténtalo tú mismo "

❮ AnteriorReferencia deHTML completaSiguiente ❯