CSS - topo

Descrição

A propriedade top define um deslocamento da borda superior de um elemento posicionado absolutamente a partir da borda superior 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 do topo 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 topo é tratado como se fosse automático.
auto- Padrão. Permite que o navegador calcule a posição superior.

Aplica-se a

Todo o elemento posicionado em HTML.

Sintaxe DOM

object.style.top = "2px";

Exemplo

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

<html>
   <head>
   </head>

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

Isso produzirá o seguinte resultado -

↰ Previous page