Manual de referencia HTML

大全 de etiquetas HTML

HTML: Propiedad valign del <colgroup>

En HTML5 No admite la propiedad valign del <colgroup>. La propiedad valign especifica la forma de alineación vertical del contenido del grupo de columnas.

　HTML <colgroup> etiqueta

Ejemplo en línea

Una tabla HTML con columnas de diferentes formas de alineación vertical:

Ejemplo

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>Uso de la propiedad span del <colgroup> en HTML-Tutoriales básicos(oldtoolbag.com)</title>
<style>table,　th,　td　{　　border:　1px　solid　black;}</style>
</head>
<body>
<table　style="height:200px">
　　<colgroup　valign="top">
　　<colgroup　valign="bottom">
　　<tr>
　　　　<th>Mes</th>
　　　　<th>Ahorros</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
</body>
</html>

Prueba para ver ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Sólo Internet Explorer y Opera admiten la propiedad valign. Sin embargo, IE y Opera no admiten el valor de propiedad "baseline".

Definición y uso

En HTML5 En HTML, no se admite la propiedad valign de <colgroup>.

La propiedad valign especifica la forma de alineación vertical del contenido del grupo de columnas.

Sintaxis

<colgroup valign="top|middle|bottom|baseline">

Valor de atributo

Valor	Descripción
top	Alineación del contenido hacia arriba.
middle	Alineación del contenido al centro (valor predeterminado).
bottom	Alineación hacia abajo del contenido.
baseline	Alineación 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 basan en la línea base. El valor de la línea base asegura que todos los datos de la tabla en la línea compartan la misma línea base. El efecto de este valor es a menudo el mismo que el de bottom. Sin embargo, si el tamaño de la fuente del texto es diferente, el efecto de baseline es mejor. Vea la siguiente ilustración.

Cuando el tamaño de la fuente del texto es diferente, comparación gráfica de bottom vs. baseline:

valign="bottom"

valign="baseline"

　HTML <colgroup> etiqueta

HTML: <template> etiqueta