Proprietà Style bottom

Definizione e uso

bottom Imposta o restituisce la posizione inferiore dell'elemento di destinazione.

Suggerimento:L'elemento di destinazione posizionato si riferisce all'elemento con la proprietà position impostata a: relative, absolute o fixed.

Suggerimento:Per impostare o restituire la posizione superiore dell'elemento di destinazione, utilizzare l'attributo top.

Vedi anche:

Corso CSS:Posizionamento CSS

Manuale CSS:Proprietà bottom

Esempio

Esempio 1

Imposta la posizione inferiore dell'elemento <button>:

document.getElementById("myBtn").style.bottom = "100px";

Prova personalmente

Esempio 2

Imposta la posizione inferiore dell'elemento <div>:

document.getElementById("myDiv").style.bottom = "10px";

Prova personalmente

Esempio 3

Usa un valore negativo - imposta la posizione inferiore dell'elemento <div>:

document.getElementById("myDiv").style.bottom = "-100px";

Prova personalmente

Esempio 4

Restituisce la posizione inferiore dell'elemento <div>:

alert(document.getElementById("myDiv").style.bottom);

Prova personalmente

Sintassi

Restituisce la proprietà bottom:

oggetto.style.bottom

Imposta la proprietà bottom:

oggetto.style.bottom = "auto|length|%|initial|inherit"

Valore dell'attributo

Valore Descrizione
auto Lascia che il browser imposti la posizione inferiore. Predefinito.
length Definisci la posizione inferiore con unità di lunghezza. Permette valori negativi.
% Imposta la posizione inferiore in percentuale dell'altezza dell'elemento padre.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Valore di ritorno: Stringa che rappresenta la posizione inferiore dell'elemento di destinazione.
Versione CSS: CSS2

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto