Style paddingTop Property

Esempio

Impostare il padding superiore di un <div> elemento:

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

Definizione e l'utilizzo

Gli insiemi di proprietà paddingTop o restituisce il padding superiore di un elemento.

Le proprietà del cuscinetto definiscono lo spazio tra il bordo dell'elemento e il contenuto dell'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à paddingTop è supportata in tutti i principali browser.

Sintassi

Restituire la proprietà paddingTop:

object .style.paddingTop

Impostare la proprietà paddingTop:

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

Valore	Descrizione
%	Definisce il padding superiore in% della larghezza dell'elemento genitore
length	Definisce la padding superiore 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 superiore di un elemento
CSS Version	CSS1

Altri esempi

Esempio

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

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

Prova tu stesso "

Esempio

Restituire il padding superiore di un <div> elemento:

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

Prova tu stesso "

Esempio

Differenza tra marginTop e paddingTop:

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

function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}

Prova tu stesso "