Gli ultimi tutorial di sviluppo web
 

Style left Property

<Stile di oggetto

Esempio

Impostare la posizione di sinistra di un <button> elemento:

document.getElementById("myBtn").style.left = "100px";
Prova tu stesso "

Definizione e l'utilizzo

Gli insiemi di proprietà sinistra o restituisce la posizione sinistra di un elemento posizionato.

Questa proprietà specifica la posizione sinistra dell'elemento inclusi imbottitura, barra di scorrimento, di confine e di margine.

Tip: Un elemento posizionato è un elemento con la posizione insieme della proprietà: relativa, assoluta o fisso.

Suggerimento: per impostare o restituire la giusta posizione di un elemento posizionato, utilizzare la giusta proprietà.


Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La proprietà di sinistra è supportata in tutti i principali browser.


Sintassi

Restituire la proprietà sinistra:

object .style.left

Impostare la proprietà di sinistra:

object .style.left="auto| I valori delle proprietà
Valore Descrizione
auto Consente il browser impostare la posizione di sinistra. Questa è l'impostazione predefinita
length Definisce la posizione di sinistra in unità di lunghezza. I valori negativi sono consentiti
% Imposta la posizione di sinistra in% della larghezza dell'elemento genitore
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: auto
Valore di ritorno: Una stringa, che rappresenta la posizione di sinistra di un elemento posizionato
CSS Version CSS2

Altri esempi

Esempio

Impostare la posizione sinistra di un <div> elemento:

document.getElementById("myDIV").style.left = "100px";
Prova tu stesso "

Esempio

Usando valori negativi - Regolare la posizione a sinistra di un <div> elemento:

document.getElementById("myDIV").style.left = "-100px";
Prova tu stesso "

Esempio

Restituire la posizione a sinistra di un <div> elemento:

alert(document.getElementById("myDiv").style.left);
Prova tu stesso "

Pagine correlate

CSS tutorial: posizionamento CSS

Di riferimento CSS: left property


<Stile di oggetto