CSS - abajo

Descripción

La propiedad inferior define un desplazamiento del borde inferior de un elemento absolutamente posicionado desde el borde inferior de su contexto de posicionamiento, o la distancia vertical a la que se desplazará un elemento posicionado relativamente.

Valores posibles

  • length - Una distancia fija desde la parte inferior del contexto de posicionamiento.

  • percent- Algún porcentaje de la altura del contexto de posicionamiento, asumiendo que la altura del contexto se ha establecido explícitamente. De lo contrario, el valor porcentual del fondo se trata como si fuera automático.

  • auto- Por defecto. Permite que el navegador calcule la posición inferior.

Se aplica a

Todo el elemento HTML posicionado.

Sintaxis DOM

object.style.bottom = "2px";

Ejemplo

Aquí está el ejemplo que muestra el efecto de esta propiedad:

<html>
   <head>
   </head>

   <body>
      <p style = "position:absolute; bottom:100px;">
         This line will be positioned 100px above from the bottom edge of this window.
      </p>
   </body>
</html>

Producirá el siguiente resultado: