Ejemplo
Establecer la posición inferior de un <button> elemento:
document.getElementById("myBtn").style.bottom = "100px"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades de fondo o devuelve la posición inferior de un elemento posicionado.
Esta propiedad especifica la posición inferior del elemento de protección incluidos, barra de desplazamiento, bordes y márgenes.
Tip: Un elemento posicionado es un elemento con la propiedad posición de ajuste a: relativo, absoluto, o fijo.
Consejo: para establecer o devolver la posición superior de un elemento posicionado, utilice la parte superior propiedad.
Soporte del navegador
La propiedad inferior se soporta en todos los principales navegadores.
Sintaxis
Devolver la propiedad inferior:
object .style.bottom
Establecer la propiedad inferior:
object .style.bottom="auto| Valores de propiedad Valor Descripción auto Permite configurar el navegador de la posición inferior. Esto es por defecto length Define la posición inferior en unidades de longitud. Los valores negativos se les permite % Establece la posición inferior en% de la altura del elemento padre initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: auto Valor de retorno: Una cadena, que representa la posición inferior de un elemento posicionado Versión CSS CSS2
Más ejemplos
Ejemplo
Establecer la posición inferior de un <div> elemento:
document.getElementById("myDiv").style.bottom = "10px";
Inténtalo tú mismo "
Ejemplo
El uso de valores negativos - Establecer la posición inferior de un <div> elemento:
document.getElementById("myDiv").style.bottom = "-100px";
Inténtalo tú mismo "
Ejemplo
Devuelve la posición inferior de un <div> elemento:
alert(document.getElementById("myDiv").style.bottom);
Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: Posicionamiento CSS
Referencia CSS: bottom property
<Estilo de objeto