CSS - arriba

Descripción

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

Valores posibles

length - Una distancia fija desde la parte superior 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 de la parte superior se trata como si fuera automático.
auto- Por defecto. Permite que el navegador calcule la posición superior.

Se aplica a

Todo el elemento HTML posicionado.

Sintaxis DOM

object.style.top = "2px";

Ejemplo

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

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

Producirá el siguiente resultado:

↰ Previous page