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

Manual de referencia HTML

Completo de HTML etiquetas

HTML: <th> valign atributo

<th> valign atributo, el atributo valign especifica la forma en que el contenido de la celda de encabezado se alinea verticalmente., Ejemplo en línea que muestra cómo usar el atributo valign de <th>, compatibilidad de los navegadores, definición de sintaxis y detalles de los valores de atributos, etc.

 HTML <th> etiqueta

Ejemplo en línea

Alinear verticalmente el contenido dentro del elemento <th>:

<table style="width:100%" border="1">
  <tr>
    <th valign="bottom">Año</th>
    <th valign="bottom">Ingresos</th>
  </tr>
  <tr>
    <td>2018</td>
    <td>$19320.00</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 <th>. Utilice CSS en su lugar.

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

Sintaxis

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

Valor del atributo

ValorDescripción
TopAlinear el contenido hacia arriba.
MiddleAlinear el contenido al centro (valor predeterminado).
BottomAlinear el contenido hacia abajo.
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 línea base hace 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 valor 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 <th> etiqueta