Come dice la parola stessa, la proprietà “position” in CSS serve a definire la posizione di un elemento.
Ad esempio:
div { position:absolute; left:100px; top:150px;}
| Valore | Descrizione |
|---|---|
| absolute | Genera un elemento posizionato in maniera assoluta, posto in relazione all’elemento superiore che ha una posizione diversa da statica. Proprietà “left”, “top”, “right” e “bottom”. |
| fixed | Genera un elemento posizionato in modo assoluto, posizionata rispetto alla finestra del browser. Proprietà “left”, “top”, “right” e “bottom”. |
| relative | Genera un elemento posizionato in modo relativo, posizionato rispetto alla sua posizione normale, cosi “left:20” aggiunge 20 pixels alla sinistra dell’elemento |
| static | Nessuna posizione, ignora ogni comando |
| inherit | Specifica che il valore della proprietà di posizione dovrebbe essere ereditata dall’elemento genitore. (questo valore non è supportato da internet explorer) |
