Acerca del Web Design Group

Vertical Alignment (Alineación vertical)


Sintaxis: vertical-align: <valor>
Valores posibles: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <porcentaje>
Valor inicial: baseline
Se aplica a: Elementos en línea
Heredado: No

La propiedad vertical-align puede usarse para alterar la ubicación vertical de un elemento en línea, en relación a su elemento padre o a la línea del elemento. (Un elemento en línea es uno que no tiene salto de línea ni antes ni después de él; por ejemplo, EM, A y IMG en HTML.)

El valor puede ser un porcentaje relativo a la altura de línea (line-height) del elemento, que debería elevar la línea de base del elemento en la cantidad especificada por encima de la línea base del padre. No se permiten los valores negativos.

El valor también puede ser una palabra clave. Las siguientes palabras clave afectan la ubicación en relación al elemento padre:

Las palabras clave que afectan la ubicación relativa a la línea del elemento son

La propiedad vertical-align es particularmente útil para alinear imágenes. Algunos ejemplos:

IMG.middle { vertical-align: middle }
IMG        { vertical-align: 50% }
.exponente  { vertical-align: super }

Mantenido por John Pozadzides y Liam Quinn


Web Design Group ~ ÍndiceCSS ~ Estructura CSS ~ Propiedades CSS

Copyright © 1997 John Pozadzides y Liam Quinn. Todos los derechos reservados.