Manual de referencia HTML

Glosario de etiquetas HTML

HTML: Atributo valign <col>

La propiedad valign especifica el modo de alineación vertical del contenido relacionado con el elemento <col>, y en este ejemplo en línea se muestra cómo usar el atributo HTML col valign, la compatibilidad de los navegadores, la definición de sintaxis y la información detallada de sus valores.

　HTML <col> etiqueta

Ejemplo en línea

Tabla HTML con columnas de alineación vertical diferente:

Ejemplo

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

Prueba y mira ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Solo Internet Explorer y Opera admiten la propiedad valign. Sin embargo, IE y Opera no admiten el valor "baseline".

Definición y uso

HTML5 La propiedad valign del atributo <col> ya no se admite.

La propiedad align define la forma de alineación vertical del contenido relacionado con el elemento <col>.

Sintaxis

<col 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.
Línea de base	Alineación con la línea de base.

La línea de base es una línea imaginaria. En una línea de texto, la mayoría de las letras se basan en la línea de base. El valor de línea de base establece que todos los datos de tabla en una línea comparten la misma línea de base. El efecto de este valor es a menudo el mismo que el valor de bottom. Sin embargo, si el tamaño de la fuente del texto es diferente, el efecto de la línea de base es mejor. Vea la siguiente ilustración:

valign="bottom"

valign="baseline"

　HTML <col> etiqueta

HTML: <template> etiqueta