Los últimos tutoriales de desarrollo web
 

HTML <colgroup> width Attribute

<HTML <colgroup> etiqueta

Ejemplo

Un <colgroup> elemento que especifica que la primera columna debe tener un ancho predefinido de 200 píxeles:

<table>
  <colgroup width="200">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
Inténtalo tú mismo "

Definición y Uso

El width atributo especifica la anchura de un grupo de columnas.

Normalmente, un grupo de columnas ocupa el espacio que necesita para mostrar el contenido. El width atributo se utiliza para establecer un ancho predefinido de un grupo de columnas.

Nota: Este atributo será sobrescrita por cualquier ancho establecido por <col> elementos.


Soporte para el navegador

Atributo
width

La width atributo es compatible con todos los principales navegadores. Sin embargo, ninguno de los navegadores soportan el valorrelative_length.


Notas de compatibilidad

La width atributo de la <colgroup> no es compatible con HTML5. Usar CSS en su lugar.

Sintaxis CSS: <td style="width:200px">

CSS Ejemplo: Especificar ancho de una columna de la tabla

En nuestro tutorial CSS se pueden encontrar más detalles sobre la width la propiedad .


Sintaxis

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

Los valores de atributo

Valor Descripción
pixels Establece el ancho en píxeles (ejemplo: width="50" )
% Establece el ancho en porcentaje del elemento circundante (ejemplo: width="50%" )
relative_length Comparte los píxeles disponibles en partes. (Por ejemplo, una tabla es de 100 píxeles, el primer grupo de columnas es de 20 píxeles, la segunda es de 50%, los píxeles disponibles serán 30px). Una parte se establece así: "1*" .

Ejemplo: Si el 30 píxeles de espacio están disponibles, se puede tener un "1*" y uno "2*" , que se interpreta como 10 y 20 píxeles (piensan de 1* como una parte, y 2* como dos partes) .


<HTML <colgroup> etiqueta