Esempio
Cambiare la posizione di un <div> elemento da relativo ad assoluto:
document.getElementById("myDIV").style.position = "absolute";
Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà di posizione o restituisce il tipo di metodo di posizionamento utilizzato per un elemento (static, relative, absolute or fixed) .
Supporto browser
La proprietà position è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà position:
object .style.position
Impostare la proprietà di posizione:
object .style.position="static|absolute|fixed|relative|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| static | Elementi renda in ordine, come appaiono nel flusso di documenti. Questa è l'impostazione predefinita. |
| absolute | L'elemento è posizionato rispetto alla sua prima posizione (not static) elemento predecessore |
| fixed | L'elemento è posizionato rispetto alla finestra del browser |
| relative | L'elemento è posizionato rispetto alla sua posizione normale, così "left:20" aggiunge 20 pixel alla posizione sinistra dell'elemento |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | statico |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta il tipo di posizione di un elemento |
| CSS Version | CSS2 |
Altri esempi
Esempio
Utilizzando diversi tipi di posizione:
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
Restituisce la posizione di un <h2> elemento:
alert(document.getElementById("myH2").style.position); Prova tu stesso " Pagine correlate
CSS tutorial: posizionamento CSS
Di riferimento CSS: position property
<Stile di oggetto