Esempio
Impostare il margine inferiore di un <div> elemento:
document.getElementById("myDiv").style.marginBottom = "50px"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà MarginBottom o restituisce il margine 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à MarginBottom è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà MarginBottom:
object .style.marginBottom
Impostare la proprietà MarginBottom:
object .style.marginBottom=" I valori delle proprietà Valore Descrizione % Definisce il margine inferiore in% della larghezza dell'elemento genitore length Definisce il margine inferiore in unità di lunghezza auto Il browser imposta il margine inferiore 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 inferiore di un elemento CSS Version CSS1
Altri esempi
Esempio
Modificare il margine inferiore di un <div> elemento nuovo al "normal" :
document.getElementById("myDiv").style.marginBottom = "0px"; Prova tu stesso "
Esempio
Restituire il margine inferiore di un <div> elemento:
alert(document.getElementById("myDiv").style.marginBottom);
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 "
Pagine correlate
CSS tutorial: Margine CSS
Di riferimento CSS: margin-bottom property
Di riferimento HTML DOM: margin property
<Stile di oggetto