Proprietà di posizionamento dello stile

Definizione e uso

position Imposta o restituisce il tipo di metodo di posizionamento dell'elemento (statico, relativo, assoluto o fisso).

Vedi anche:

Tutorial CSS:Posizionamento CSS

Manuale di riferimento CSS:Attributo position

Esempio

Esempio 1

Cambia la posizionamento del elemento <div> da relativo a assoluto:

document.getElementById("myDIV").style.position = "absolute";

Prova tu stesso

Esempio 2

Usa diversi tipi di posizionamento:

function myFunction(x)  {
  var whichSelected = x.selectedIndex;
  var posVal = x.options[whichSelected].text;
  var elem = document.getElementById("myDiv");
  elem.style.position = posVal;
}

Prova tu stesso

Esempio 3

Restituisce la posizionamento dell'elemento <h2>:

alert(document.getElementById("myH2").style.position);

Prova tu stesso

Sintassi

Restituisce l'attributo position:

oggetto.style.position

Imposta l'attributo position:

oggetto.style.position = "static|absolute|fixed|relative|sticky|initial|inherit"

Valore dell'attributo

Valore Descrizione
static Gli elementi vengono visualizzati nell'ordine in cui appaiono nel flusso del documento. Predefinito.
absolute L'elemento viene posizionato rispetto al primo elemento ancestor posizionato (non statico).
fixed L'elemento viene posizionato rispetto alla finestra del browser.
relative

L'elemento viene posizionato rispetto alla sua posizione normale.

Quindi "left:20" aggiunge 20 pixel alla posizione laterale dell'elemento.
sticky

L'elemento viene posizionato in base alla posizione di scorrimento dell'utente.

Gli elementi aderenti passano tra relative e fixed in base alla posizione di scorrimento.

È posizionato in modo relativo fino a quando non incontra la posizione di scorrimento data nell'area visibile - poi si attacca alla posizione appropriata (ad esempio position:fixed).

Note:Non supportato in IE/Edge 15 o versioni precedenti. Safari a partire dalla versione 6.1 supporta il prefisso Webkit.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Incorpora questo attributo dall'elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: static
Valore di ritorno: Stringa che rappresenta il tipo di posizionamento dell'elemento.
CSS versione: CSS2

Supporto browser

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