Estilo de propiedad verticalAlign
- Página anterior userSelect
- Página siguiente visibility
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
verticalAlign
Establece o devuelve el modo de alineamiento vertical del contenido del elemento.
Vea también:
Tutoriales de CSS:Texto CSS
Manual de referencia de CSS:Propiedad vertical-align
Ejemplo
Ejemplo 1
Establezca el modo de alineamiento vertical de ciertos textos de la tabla en "bottom":
document.getElementById("myTd").style.verticalAlign = "bottom";
Ejemplo 2
Devuelve el modo de alineamiento vertical del elemento <td>:
alert(document.getElementById("myTd").style.verticalAlign);
Sintaxis
Devolver la propiedad verticalAlign:
object.style.verticalAlign
Establecer la propiedad verticalAlign:
object.style.verticalAlign = value
Valor de la propiedad
Valor | Descripción |
---|---|
length | Aumente o disminuya el elemento en una longitud especificada. Permite valores negativos. |
% | Aumente o disminuya el elemento en un porcentaje del atributo "line-height". Permite valores negativos. |
baseline | Alinea la línea base del elemento con la línea base del elemento padre. Predeterminado. |
sub | Alinea el elemento como subíndice. |
super | Alinea el elemento como superíndice. |
top | La parte superior del elemento se alinea con la parte superior del elemento más alto de la línea. |
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 se alinea con el elemento más bajo de la línea. |
text-bottom | La parte inferior del elemento se alinea con la parte inferior de la fuente del elemento padre. |
initial | Establezca esta propiedad en su valor predeterminado. Consulte initial. |
inherit | Hereda esta propiedad del elemento padre. Consulte inherit. |
Detalles técnicos
Valor predeterminado: | baseline |
---|---|
Valor devuelto: | Cadena que representa el alineamiento vertical del contenido del elemento. |
Versión de CSS: | CSS1 |
Compatibilidad con navegadores
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Soporte | Soporte | Soporte | Soporte | Soporte |
- Página anterior userSelect
- Página siguiente visibility
- Volver a la capa superior Objeto Style de HTML DOM