CSS - inferior

Descrição

A propriedade bottom define um deslocamento da borda inferior de um elemento posicionado absolutamente da borda inferior de seu contexto de posicionamento, ou a distância vertical na qual um elemento posicionado relativamente será deslocado.

Valores possíveis

length - Uma distância fixa da parte inferior do contexto de posicionamento.
percent- Alguma porcentagem da altura do contexto de posicionamento, assumindo que a altura do contexto foi definida explicitamente. Caso contrário, um valor de porcentagem para o fundo é tratado como se fosse automático.
auto- Padrão. Permite que o navegador calcule a posição inferior.

Aplica-se a

Todo o elemento HTML posicionado.

Sintaxe DOM

object.style.bottom = "2px";

Exemplo

Aqui está o exemplo que mostra o efeito desta propriedade -

<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>

Isso produzirá o seguinte resultado -

↰ Previous page