Style paddingBottom Property

Esempio

Impostare il padding inferiore di un <div> elemento:

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

Definizione e l'utilizzo

Gli insiemi di proprietà paddingBottom o restituisce il padding inferiore 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à paddingBottom è supportata in tutti i principali browser.

Sintassi

Restituire la proprietà paddingBottom:

object .style.paddingBottom

Impostare la proprietà paddingBottom:

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

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

Altri esempi

Esempio

Modificare l'imbottitura fondo di un <div> elemento nuovo al "normal" :

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

Prova tu stesso "

Esempio

Restituire il padding inferiore di un <div> elemento:

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

Prova tu stesso "

Esempio

Differenza tra MarginBottom e paddingBottom:

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

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

Prova tu stesso "