Índice

Agrupar columnas

La etiqueta <colgroup> se usa para agrupar columnas con el objetivo de aplicar el mismo formato al conjunto de etiquetas del grupo mediante una hoja de estilo CSS.

El atributo span="x" determina el número de columnas así agrupadas. Por defecto, el valor de x es 1. El atributo span es el único atributo de la etiqueta <colgroup>. Los atributos align, valign, width de HTML 4.0 han desaparecido.

Por otro lado, la etiqueta <colgroup> se posiciona justo a continuación de la etiqueta <table> (o justo a continuación de la etiqueta <caption> si se está usando) y delante de cualquier etiqueta <tr> o <td>.

Por definición, la etiqueta <colgroup> solamente se aplica para las tablas.

Ejemplo 1

He aquí una tabla de tres filas y tres columnas. Se aplica un color de fondo y una alineación centrada a las dos primeras columnas.

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>Html5</title> 
<meta charset="UTF-8"> 
<style> 
table { border: 1px solid black; 
        border-collapse: collapse; 
        width: 250px;} 
td { border: 1px solid black;} 
colgroup { background-color : #99ccff; 
           text-align: center;} 
</style> 
</head> 
<body> 
<table> 
<colgroup span="2"></colgroup> 
<tr> 
<td>1</td><td>2</td><td>3</td> 
</tr> 
<tr>  ...