Manual de referencia HTML

大全 de etiquetas HTML

HTML: Atributo de ancho <colgroup>

Este artículo explica el atributo de ancho <colgroup> de HTML, que define el ancho del grupo de columnas. Por lo general, el espacio ocupado por el grupo de columnas es el espacio necesario para el contenido que se muestra. El atributo de ancho se utiliza para establecer un ancho predeterminado para el grupo de columnas.

　HTML <colgroup> etiqueta

Ejemplo en línea

El elemento <colgroup> se utiliza para especificar que el ancho predeterminado de la primera columna debe ser200 píxeles:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Uso del atributo de ancho <colgroup> en HTML-Tutoriales básicos(oldtoolbag.com)<//title>
<style>table, th, td {    border:　1px sólido negro;}<//style>
</head>
<body>
<table>
　　<colgroup width="200">
　　<tr>
　　　　<th>Mes</th>
　　　　<th>Ahorros</th>
　　</tr>
　　<tr>
　　　　<td>enero</td>
　　　　<td>$100</td>
　　</tr>
　　<tr>
　　　　<td>Febrero</td>
　　　　<td>$80</td>
　　</tr>
</table>
</body>
</html>

Prueba y observa ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad de ancho. Sin embargo, ningún navegador admite relative_length Valores.

Definición y uso

En HTML5 No se admite la propiedad de ancho <colgroup>.

La propiedad width especifica el ancho del grupo de columnas.

Por lo general, el espacio ocupado por el grupo de columnas es el espacio necesario para su contenido. La propiedad width se utiliza para establecer un ancho predeterminado para el grupo de columnas.

Nota:Esta propiedad se sobrescribe por cualquier configuración de ancho en el elemento <col>.

Sintaxis

<colgroup width="pixels|%|relative_lngth">

Valor de atributo

Valor	Descripción
pixels	Establecer un valor de ancho en píxeles (ejemplo: width = "50").
%	Establecer un valor de ancho en porcentaje del perímetro del elemento (ejemplo: width = "50% “).
relative_length	Asignar los píxeles disponibles a cada parte. La primera parte se establece como “1“), la segunda parte se establece como “2“). (Por ejemplo, el ancho de la tabla es 100px, el primer grupo de columnas es 20px, el segundo grupo de columnas es 50%, entonces los píxeles disponibles restantes son 30px). Ejemplo: si los píxeles disponibles son 30px, entonces se puede establecer la primera parte como “1“)，la segunda parte es “2“)，esto se interpretará como 10 y 20 píxeles (1“) para la primera parte, “2“) para la segunda parte.

　HTML <colgroup> etiqueta

HTML: <template> etiqueta