Definición y Uso
La propiedad vertical-align establece la alineación vertical de un elemento.
Valor por defecto: | baseline |
---|---|
Heredado: | no |
animatable: | yes. Read about animatable Try it |
Versión: | CSS1 |
la sintaxis de JavaScript: | object .style.verticalAlign="top" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Propiedad | |||||
---|---|---|---|---|---|
vertical-align | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
sintaxis CSS
vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;
Valores de propiedad
Valor | Descripción | Juegalo |
---|---|---|
baseline | Alinear la línea de base del elemento con la línea de base del elemento padre. Esto es por defecto | Juegalo " |
length | Aumenta o bajar un elemento por la longitud especificada. Los valores negativos se les permite | Juegalo " |
% | Aumenta o bajar un elemento en un porcentaje del "line-height" propiedad. Los valores negativos se les permite | Juegalo " |
sub | Alinea el elemento como si estuviera subíndice | Juegalo " |
super | Alinea el elemento como si fuera superíndice | Juegalo " |
top | La parte superior del elemento se alinea con la parte superior del elemento más alto en la línea | Juegalo " |
text-top | La parte superior del elemento se alinea con la parte superior de la fuente del elemento padre | Juegalo " |
middle | El elemento se coloca en el centro del elemento padre | Juegalo " |
bottom | La parte inferior del elemento está alineado con el elemento más bajo en la línea de | Juegalo " |
text-bottom | La parte inferior del elemento está alineado con la parte inferior de la fuente del elemento padre | Juegalo " |
initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS texto
Referencia HTML DOM: verticalAlign property