CSS - in alto

Descrizione

La proprietà top definisce un offset del bordo superiore di un elemento posizionato in modo assoluto dal bordo superiore del suo contesto di posizionamento, o la distanza verticale alla quale verrà spostato un elemento relativamente posizionato.

Possibili valori

  • length - Una distanza fissa dalla parte superiore del contesto di posizionamento.

  • percent- Una certa percentuale dell'altezza del contesto di posizionamento, assumendo che l'altezza del contesto sia stata impostata esplicitamente. In caso contrario, un valore percentuale per top viene trattato come se fosse automatico.

  • auto- Predefinito. Consente al browser di calcolare la prima posizione.

Si applica a

Tutto l'elemento posizionato in HTML.

Sintassi DOM

object.style.top = "2px";

Esempio

Ecco l'esempio che mostra l'effetto di questa proprietà:

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

Produrrà il seguente risultato: