Propiedad bottom del estilo

Definición y uso

bottom Establece o devuelve la posición inferior del elemento de ubicación.

Consejo:El elemento de ubicación es el elemento que tiene la propiedad position configurada como: relative, absolute o fixed.

Consejo:Para establecer o devolver la posición superior del elemento de ubicación, utilice la propiedad top.

Vea también:

Tutorial de CSS:Posicionamiento CSS

Manual de CSS:Propiedad bottom

Ejemplo

Ejemplo 1

Establece la posición inferior del elemento <button>:

document.getElementById("myBtn").style.bottom = "100px";

Prueba personal

Ejemplo 2

Establece la posición inferior del elemento <div>:

document.getElementById("myDiv").style.bottom = "10px";

Prueba personal

Ejemplo 3

Usar valores negativos - Establece la posición inferior del elemento <div>:

document.getElementById("myDiv").style.bottom = "-100px";

Prueba personal

Ejemplo 4

Devuelve la posición inferior del elemento <div>:

alert(document.getElementById("myDiv").style.bottom);

Prueba personal

Sintaxis

Devolver la propiedad bottom:

object.style.bottom

Establecer la propiedad bottom:

object.style.bottom = "auto|length|%|initial|inherit"

Valor de la propiedad

Valor Descripción
auto Deja que el navegador establezca la posición inferior. Predeterminado.
length Define la posición inferior con una unidad de longitud. Permite valores negativos.
% Establece la posición inferior en porcentaje de la altura del elemento padre.
initial Establece esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Valor devuelto: Cadena que representa la posición inferior del elemento de ubicación.
Versión de CSS: CSS2

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte