Istruzioni CSS position

Dettagli funzione position CSS - Istruzioni, descrizione, dettagli ed esempio del comando position in CSS.

Descrizione


Specifica come posizionare un elemento

Codice

h2
{
position:absolute;
left:100px;
top:150px;
}

Spiegazione


Proprietà


absolute: genera un elemento posizionato in modo assoluto, posizionato relativamente al primo elemento genitore che non sia static. La posizione è specificata con le proprietà top, bottom, left e right.


fixed: genera un elemento posizionato in modo assoluto, posizionato relativamente alla finestra del browser. La posizione è specificata con le proprietà top, bottom, left e right.


relative: genera un elemento posizionato in modo relativo, rispetto alla sua normale posizione, ad esempio left:20 aggiunge 20 px alla sua normale posizione sinistra.


static: default. Nessuna posizione, l'elemento viene inserito nel normale flusso. Ignora ogni dichiarazione top, bottom ecc


inherit: le impostazioni vengono ereditate dal genitore

Istruzioni del linguaggio CSS sempre con la lettera: P