Proprietà paddingBottom dello stile

Definizione e uso

paddingBottom Imposta o restituisce il margine inferiore interno dell'elemento.

Proprietà margin e Proprietà padding Inseriscono spazio intorno all'elemento. Ma la differenza sta nel fatto che margin inserisce spazio intorno al bordo, mentre padding inserisce spazio all'interno del bordo dell'elemento.

Vedi anche:

Tutorial CSS:Spaziatura interna CSS

Manuale CSS:Proprietà padding-bottom

Manuale HTML DOM:Proprietà padding

Esempio

Esempio 1

Imposta il margine inferiore interno dell'elemento <div>:

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

Prova personalmente

Esempio 2

Ripristina il margine inferiore interno dell'elemento <div> a "normal":

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

Prova personalmente

Esempio 3

Restituisce il margine inferiore interno dell'elemento <div>:

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

Prova personalmente

Esempio 4

Differenza tra marginBottom e paddingBottom:

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

Prova personalmente

Sintassi

Restituisce la proprietà paddingBottom:

oggetto.style.paddingBottom

Imposta la proprietà paddingBottom:

oggetto.style.paddingBottom = "%|length|initial|inherit"

Valore dell'attributo

Valore Descrizione
% Definisci il margine inferiore interno come percentuale della larghezza dell'elemento padre.
length Definisci il margine inferiore interno con unità di lunghezza.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Inherita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: 0
Valore di ritorno: Stringa che rappresenta il margine inferiore interno dell'elemento.
CSS versione: CSS1

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto