Esempio
Posizionare un <h2> elemento:
h2
{
position: absolute;
left: 100px;
top: 150px;
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La proprietà position specifica il tipo di metodo di posizionamento utilizzato per un elemento (static, relative, absolute or fixed) .
| Valore di default: | static |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.position="absolute" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
CSS Sintassi
position: static|absolute|fixed|relative|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| static | Valore di default. Gli elementi rendono in ordine, come appaiono nel flusso del documento | Gioca " |
| absolute | L'elemento è posizionato rispetto alla sua prima posizione (not static) elemento predecessore | Gioca " |
| fixed | L'elemento è posizionato rispetto alla finestra del browser | Gioca " |
| relative | L'elemento è posizionato rispetto alla sua posizione normale, così "left:20px" aggiunge 20 pixel alla posizione sinistra dell'elemento | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Altri esempi
Esempio
Come posizionare un elemento rispetto alla sua posizione normale:
h2.pos_left {
position: relative;
left: -20px;
}
h2.pos_right {
position:
relative;
left: 20px;
} Prova tu stesso " Pagine correlate
CSS tutorial: Posizionamento CSS
Di riferimento HTML DOM: position property