English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
vertical-Controlado por la propiedad CSS alignNivel en líneaLos cuadros generados por los elementos (generalmente texto e imágenes) en relación conBloqueoAlineación vertical del texto dentro de un cuadro o de una celda de tabla en una línea
La tabla a continuación proporciona una descripción de uso y un historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | baseline |
|---|---|
| Aplicable a: | Elementos en línea y celdas de tabla |
| Herencia: | Ninguno |
| Animable: | Sí.Consulte: Atributos de animación. |
| Versión: | CSS 1,2,3 |
| JavaScript sintaxis: | object.style.verticalAlign="middle" |
La sintaxis de este atributo es la siguiente:
vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | length | percentage | initial | inherit
El siguiente ejemplo muestra cómo usar vertical-Atributo align
img {
vertical-align: middle;
}
span {
vertical-align: super;
}Prueba para ver‹/›La tabla siguiente describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| baseline | Alinear la línea base de la caja del elemento con la línea base de la caja del padre. |
| sub | Bajar la línea base de la caja para que se ajuste a la posición del subíndice del cuadro inferior. |
| super | Subir la línea base de la caja para que se ajuste a la posición del superíndice del cuadro superior. |
| top | Alinear el techo del elemento y sus descendientes con el techo del borde de texto. |
| text-top | Alinear el techo del elemento con el techo de la fuente del elemento padre. |
| middle | Alinear el centro del elemento con la línea base del elemento padre más alta que el cuadro padrex-heightMedio de puntos |
| bottom | Alinear el fondo del elemento y sus descendientes con el fondo del borde de texto. |
| text-bottom | Alinear el fondo del elemento con el fondo de la fuente del elemento padre. |
| length | La unidad es px, pt, cm, em, etc. Aumentar (valor positivo) o reducir (valor negativo) el valor de longitud hasta la línea base de su elemento padre. El valor 0px es igual a la línea base. |
| percentage | Elevar (valor positivo) o降低 (valor negativo) la caja a esta distancia (line-heightEl valor en porcentaje). El valor 0% es igual a la línea base. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, los elementos relacionados utilizan el vertical de su elemento padre-Valores del atributo align |
vertical-Compatibilidad del navegador del atributo align; los números en la tabla siguiente representan la versión más baja del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte los siguientes tutoriales:Alineación de CSS.
Propiedades relacionadas:line-height.