Gli ultimi tutorial di sviluppo web
 

Style marginLeft Property

<Stile di oggetto

Esempio

Impostare il margine sinistro di un <div> elemento:

document.getElementById("myDiv").style.marginLeft = "50px";
Prova tu stesso "

Definizione e l'utilizzo

Gli insiemi di proprietà marginLeft o restituisce il margine sinistro di un elemento.

Sia la proprietà margine e la proprietà padding spazio inserto intorno ad un elemento. Tuttavia, la differenza è che il margine inserisce lo spazio intorno al confine, mentre padding inserisce lo spazio all'interno del bordo di un elemento.


Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La proprietà marginLeft è supportata in tutti i principali browser.


Sintassi

Restituire la proprietà marginLeft:

object .style.marginLeft

Impostare la proprietà marginLeft:

object .style.marginLeft=" I valori delle proprietà
Valore Descrizione
% Definisce il margine sinistro in% della larghezza dell'elemento genitore
length Definisce il margine sinistro in unità di lunghezza
auto Il browser imposta il margine sinistro
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: 0
Valore di ritorno: Una stringa, che rappresenta il margine sinistro di un elemento
CSS Version CSS1

Altri esempi

Esempio

Modificare il margine sinistro di un <div> elemento nuovo al "normal" :

document.getElementById("myDiv").style.marginLeft = "0px";
Prova tu stesso "

Esempio

Restituire il margine sinistro di un <div> elemento:

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

Esempio

Differenza tra marginLeft e paddingLeft:

function changeMargin() {
    document.getElementById("myDiv").style.marginLeft = "100px";
}

function changePadding() {
    document.getElementById("myDiv2").style.paddingLeft = "100px";
}
Prova tu stesso "

Pagine correlate

CSS tutorial: Margine CSS

Di riferimento CSS: margin-left property

Di riferimento HTML DOM: margin property


<Stile di oggetto