HTML <colgroup> valignAtributo
Ejemplo
Una tabla HTML con columnas con diferentes alineaciones verticales:
<table border="1"
style="height:200px">
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<colgroup valign="top">
<colgroup valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Pruébalo »
Soporte del navegador
![]()
![]()
![]()
![]()
![]()
Solo Internet Explorer y Opera admiten el atributo valign. Sin embargo, IE y Opera no admiten el valor de atributo "baseline".
Definición y uso
En HTML5, no se admite el atributo valign de <colgroup>.
El atributo valign especifica la alineación vertical del contenido dentro de un grupo de columnas.
Sintaxis
<colgroup valign="top|middle|bottom|baseline">
Valores de atributo
| Valor | Descripción |
|---|---|
| top | Alinear el contenido en la parte superior. |
| middle | Alinear el contenido al centro (valor predeterminado). |
| bottom | Alinear el contenido en la parte inferior. |
| baseline | Alinear con la línea base. La línea base es una línea imaginaria. En una línea de texto, la mayoría de las letras se apoyan en la línea base. El valor baseline hace que todos los datos de tabla de la línea compartan la misma línea base. El efecto de este valor suele ser el mismo que el valor bottom. Sin embargo, si los tamaños de fuente del texto varían, el efecto de baseline será mejor. Vea el diagrama a continuación. |
Diagrama de bottom vs. baseline cuando los tamaños de fuente del texto son diferentes:
valign="bottom"
valign="baseline"
Etiqueta HTML <colgroup> Otras extensiones