Los últimos tutoriales de desarrollo web
 

Style verticalAlign Property

<Estilo de objeto

Ejemplo

Establecer la alineación vertical del texto en una tabla de "bottom" :

document.getElementById("myTd").style.verticalAlign = "bottom";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades verticalAlign o devuelve la alineación vertical del contenido de un elemento.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad verticalAlign es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad verticalAlign:

object .style.verticalAlign

Establecer la propiedad verticalAlign:

object .style.verticalAlign= Valores de propiedad
Valor Descripción
length Eleva o bajar un elemento por la longitud especificada. Los valores negativos se les permite
% Eleva o bajar un elemento en un por ciento de la "line-height" propiedad. Los valores negativos se les permite
baseline Alinear la línea de base del elemento con la línea de base del elemento padre. Esto es por defecto
sub Alinea el elemento ya que se subíndice
super Alinea el elemento como lo fue superíndice
top La parte superior del elemento está alineado con la parte superior del elemento más alto en la línea de
text-top La parte superior del elemento se alinea con la parte superior de la fuente del elemento padre
middle El elemento se coloca en el centro del elemento padre
bottom La parte inferior del elemento está alineado con el elemento más bajo en la línea de
text-bottom La parte inferior del elemento está alineado con la parte inferior de la fuente del elemento padre
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: base
Valor de retorno: Una cadena, que representa la alineación vertical del contenido de un elemento
Versión CSS CSS1

Más ejemplos

Ejemplo

Devolver la alineación vertical de un <td> elemento:

alert(document.getElementById("myTd").style.verticalAlign);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: CSS texto

Referencia CSS: -align vertical de la propiedad


<Estilo de objeto