English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

大全 de etiquetas HTML

Atributo valign del HTML td

La propiedad valign especifica el modo de alineación vertical del contenido dentro de la celda, ejemplos en línea que demuestran cómo usar la propiedad valign del atributo HTML td, compatibilidad del navegador, definición de sintaxis y detalles de los valores de atributos, etc.

 HTML <td> etiqueta

Ejemplo en línea

Alinear verticalmente el contenido dentro del elemento <td>:

<table style="width:100%" border="1" height="400">
  <tr>
    <th>Número</th>
    <th>Mes</th>
    <th>Ahorros</th>
  </tr>
  <tr>
    <td valign="top">1</td>
    <td valign="top">Enero</td>
    <td valign="top">3100</td>
  </tr>
  <tr>
    <td valign="bottom">2</td>
    <td valign="bottom">Febrero</td>
    <td valign="bottom">2180</td>
  </tr>
</table>
Prueba y observa ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad valign.

Definición y uso

HTML5 No se admite la propiedad valign en <td>. Utilice CSS en su lugar.

La propiedad valign especifica la forma de alineación vertical del contenido dentro de la celda.

Sintaxis

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

Valor del atributo

ValorDescripción
TopAlineación del contenido hacia arriba.
MiddleAlineación del contenido al centro (valor predeterminado).
BottomAlineación hacia abajo del contenido.
Línea baseAlineació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 la línea base es mejor. Vea el siguiente gráfico.

Gráfico de bottom vs. baseline cuando el tamaño de la fuente del texto es diferente:

valign="bottom"

valign="baseline"

 HTML <td> etiqueta