CSS propiedad vertical-align

Definición y uso

La propiedad vertical-align establece la alineación vertical del elemento.

Descripción

Esta propiedad define la alineación vertical de la línea base del elemento inline en relación con la línea base de la línea en la que se encuentra. Permite especificar valores negativos de longitud y porcentajes. Esto haría que el elemento baje en lugar de subir. En las celdas de la tabla, esta propiedad establece el modo de alineación del contenido de la celda dentro del cuadro de la celda.

Vea también:

Tutorial de CSS:CSS texto

Manual de referencia de HTML DOM:Atributo verticalAlign

Ejemplo

Alineación vertical de una imagen:

img
  {
  vertical-align:text-top;
  }

Prueba por tu cuenta

Sintaxis de CSS

vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

Valor del atributo

Valor Descripción
baseline Predeterminado. El elemento se coloca en la línea base del elemento padre.
sub Alineación vertical del texto subíndice.
super Alineación vertical del texto superíndice
top Alinea la parte superior del elemento con la parte superior del elemento más alto en la línea.
text-top Alinea la parte superior del elemento con la parte superior de la fuente del elemento padre.
middle Coloca este elemento en el centro del elemento padre.
bottom Alinea la parte superior del elemento con la parte superior del elemento más bajo en la línea.
text-bottom Alinea el fondo del elemento con el fondo de la fuente del elemento padre.
length 　
% Alinea este elemento utilizando el porcentaje del valor de la propiedad "line-height" del elemento. Se permiten valores negativos.
inherit Se debe especificar el valor de la propiedad vertical-align del elemento padre.

Detalles técnicos

Valor predeterminado: baseline
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.verticalAlign="bottom"

Más ejemplos

Alineación vertical de imágenes
Este ejemplo muestra cómo alinear verticalmente imágenes en el texto.

Compatibilidad del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0