Compartir a través de


vertical-align

Establece la alineación vertical del objeto.

Sintaxis

{ vertical-align: sAlign }

Valores posibles

sAlign

Variante que especifica o recibe uno de los valores siguientes:

baseline

Valor predeterminado. Alinea el contenido de un objeto a la línea base.

auto

Alinea el contenido de un objeto según el valor de la propiedad layout-flow.

bottom

Alinea verticalmente el contenido de un objeto en la parte inferior del objeto.

middle

Alinea verticalmente el contenido de un objeto en el centro del objeto.

sub

Alinea verticalmente el texto como subíndice. No es aplicable a las celdas de tablas.

super

Alinea verticalmente el texto como superíndice. No es aplicable a las celdas de tablas.

text-bottom

Alinea verticalmente el texto de un objeto en la parte inferior del objeto. No es aplicable a las celdas de tablas.

text-top

Alinea verticalmente el texto de un objeto en la parte superior del objeto. No es aplicable a las celdas de tablas.

top

Alinea verticalmente el contenido de un objeto en la parte superior del objeto.

La propiedad tiene el valor predeterminado baseline para todos los objetos y no se hereda.

Observaciones

Para los objetos de texto, se admiten los valores sub y super. Para otros tipos de objetos, se admiten los demás valores, con las excepciones indicadas arriba.

El valor auto es idéntico al valor baseline si layout-flow está establecido en horizontal. Si layout-flow está establecido en vertical-ideographic, el valor auto es idéntico al valor middle.

Ejemplo

En este ejemplo se usa la propiedad vertical-align para alinear el texto dentro de una celda de tabla:

<table border width=100>
<tr>
    <td onmouseover="this.style.vertical-align ='bottom'" 
    onmouseout="this.style.vertical-align =''">
    text to align</td> 
</tr>
</table>

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).

Aplicable a

COL, CUSTOM, DEFAULTS, IMG, SPAN, TBODY, TD, TFOOT, TH, THEAD, TR

Vea también

Conceptos

text-align