CSS - in basso

Descrizione

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

Possibili valori

  • length - Una distanza fissa dal fondo 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 il fondo viene trattato come se fosse automatico.

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

Si applica a

Tutto l'elemento posizionato in HTML.

Sintassi DOM

object.style.bottom = "2px";

Esempio

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

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

Produrrà il seguente risultato: