English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad CSS bottom especifica la cantidad de desplazamiento del borde inferior del elemento de posicionamiento en relación con el cuadro del elemento de referencia o la ventana del navegador.
ParaUbicación absolutaElemento, el atributo bottom especifica la distancia de desplazamiento del borde inferior del cuadro del elemento desde el borde inferior del contenedor.
ParaUbicación relativaElemento, el atributo bottom especifica el desplazamiento del borde inferior del cuadro en relación con el borde inferior del cuadro en sí (es decir, el cuadro se da una posición en el flujo normal y luego se desplaza según estos atributos desde esa posición).
La tabla a continuación proporciona la descripción de uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | auto |
|---|---|
| Adecuado para: | Elemento de alineación |
| Herencia: | No |
| Animable: | Sí.Consulte Atributos de animación。 |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.bottom="50px" |
La sintaxis de este atributo es la siguiente:
bottom: length | percentage | auto | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo bottom.
p {
position: absolute;
bottom: 150px;
}Prueba y mira‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| length | Especifique el desplazamiento como un valor de longitud en px, pt, cm, em, etc. Se permite el uso de valores negativos en longitud. |
| percentage | Especifique una cantidad de desplazamiento en porcentaje. Se calcula el porcentaje en relación con la altura del contenedor del elemento. Se permite el uso de valores negativos en porcentajes. |
| auto | El navegador calcula la posición del borde inferior. Es el valor predeterminado. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el valor del atributo bottom del elemento padre. |
Compatibilidad del navegador con el atributo bottom; los números en la tabla a continuación representan la versión mínima de los navegadores que admiten esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte los siguientes tutoriales:Posición CSS (position)，Capa de CSS。
Atributos relacionados:posición，arriba，derecha，izquierda，z-índice。