Proprietà CSS left

Definizione e utilizzo

L' attributo left definisce il margine sinistro dell' elemento. Questa proprietà definisce la distanza tra il margine esterno destro dell' elemento posizionato e il margine sinistro del contenitore.

Nota:Se il valore dell' attributo position è "static", l' impostazione dell' attributo left non ha alcun effetto.

Descrizione

Per gli elementi statici, è auto; per i valori di lunghezza, è la lunghezza assoluta corrispondente; per i valori percentuali, è il valore specificato; altrimenti è auto.

Per gli elementi definiti relativamente, il valore calcolato di left è sempre uguale a right.

Vedere anche:

Corso CSS:Posizionamento CSS

Manuale HTML DOM:Attributo left

Esempio

Posizionare l' margine sinistro dell' immagine 100 pixel a destra dell' margine sinistro dell' elemento contenitore:

img
  {
  position:absolute;
  left:100px;
  }

Prova tu stesso

Sintassi CSS

left: auto|length|initial|inherit;

Valore dell' attributo

Valore Descrizione
auto Valore predefinito. La posizione del margine sinistro è calcolata dal browser.
% Impostare la posizione sinistra dell' elemento in percentuale rispetto alla larghezza del contenitore. È possibile utilizzare valori negativi.
length Impostare la posizione sinistra dell' elemento utilizzando unità come px, cm ecc. È possibile utilizzare valori negativi.
inherit Specificare che l' attributo left deve essere ereditato dal genitore.

Dettagli tecnici

Valore predefinito: auto
Inheritance: no
Versione: CSS2
Sintassi JavaScript: oggetto.style.left="100px"

Altri esempi

Impostare l' margine sinistro dell' immagine utilizzando valori fissi
Questo esempio dimostra come impostare l' margine sinistro dell' immagine utilizzando valori fissi.
Impostare l' margine sinistro dell' immagine utilizzando percentuali
Questo esempio dimostra come impostare l' margine sinistro dell' immagine utilizzando percentuali.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0