Style paddingLeft Property

Esempio

Impostare il padding sinistro di un <div> elemento:

document.getElementById("myDiv").style.paddingLeft = "50px";

Definizione e l'utilizzo

Gli insiemi di proprietà paddingLeft o restituisce il padding 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

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

Sintassi

Restituire la proprietà paddingLeft:

object .style.paddingLeft

Impostare la proprietà paddingLeft:

object .style.paddingLeft=" I valori delle proprietà

Valore	Descrizione
%	Definisce il padding sinistro in% della larghezza dell'elemento genitore
length	Definisce l'imbottitura sinistra in unità di lunghezza
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 padding sinistro di un elemento
CSS Version	CSS1

Altri esempi

Esempio

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

document.getElementById("myDiv").style.paddingLeft = "0px";

Prova tu stesso "

Esempio

Restituire il padding sinistro di un <div> elemento:

alert(document.getElementById("myDiv").style.paddingLeft);

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 "