CSS vertical-alignPropiedad


Ejemplo

Alinear verticalmente una imagen:

img { vertical-align:text-top; }

Pruébalo »

Definición de la propiedad y notas de uso

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

Esta propiedad define la alineación vertical de la línea base de un elemento en línea en relación con la línea base de la línea en la que se encuentra. Se permiten valores negativos de longitud y porcentaje. Esto hará que el elemento baje en lugar de subir. En las celdas de tabla, esta propiedad establece la alineación del contenido de la celda dentro de la celda.

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

Compatibilidad del navegador

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

Propiedad
vertical-align 1.0 4.0 1.0 1.0 4.0

Valores de la propiedad

Valor Descripción
baseline Predeterminado. El elemento se coloca en la línea base del elemento padre.
sub Alinea verticalmente el subíndice del texto.
super Alinea verticalmente el superíndice del texto.
top Alinea la parte superior del elemento con la parte superior del elemento más alto de 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 la mitad del elemento padre.
bottom Alinea la parte inferior del elemento y sus descendientes con la parte inferior de toda la línea.
text-bottom Alinea la parte inferior del elemento con la parte inferior de la fuente del elemento padre.
length Eleva o baja el elemento una altura especificada, que puede ser negativa.
% Utiliza el valor porcentual de la propiedad "line-height" para alinear este elemento. Se permiten valores negativos.
inherit Especifica que el valor de la propiedad vertical-align debe heredarse del elemento padre.

Artículos relacionados

Tutorial de CSS:Texto CSS

Otras extensiones