Proprietà marginBottom
- Pagina precedente margin
- Pagina successiva marginLeft
- Torna al livello superiore Oggetto Style HTML DOM
Definizione e uso
marginBottom
impostano o restituiscono il margine inferiore esterno 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:Margine esterno CSS
Manuale CSS:Proprietà margin-bottom
Manuale HTML DOM:Proprietà margin
Esempio
Esempio 1
Imposta il margine inferiore esterno dell'elemento <div>:
document.getElementById("myDiv").style.marginBottom = "50px";
Esempio 2
Ripristina il margine inferiore esterno dell'elemento <div> a "normal":
document.getElementById("myDiv").style.marginBottom = "0px";
Esempio 3
Restituisce il margine inferiore esterno dell'elemento <div>:
alert(document.getElementById("myDiv").style.marginBottom);
Esempio 4
Differenza tra marginBottom e paddingBottom:
funzione changeMargin() { document.getElementById("myDiv").style.marginBottom = "100px"; } funzione changePadding() { document.getElementById("myDiv2").style.paddingBottom = "100px"; }
Sintassi
Restituisce la proprietà marginBottom:
oggetto.style.marginBottom
Imposta la proprietà marginBottom:
oggetto.style.marginBottom = "%|length|auto|initial|inherit"
Valore dell'attributo
Valore | Descrizione |
---|---|
% | Definisce il margine inferiore esterno come percentuale della larghezza dell'elemento padre. |
length | Definisce il margine inferiore esterno con unità di lunghezza. |
auto | impostazioni del browser per il margine inferiore esterno. |
initial | Imposta questa proprietà al suo valore predefinito. Vedi initial. |
inherit | Eredita questa proprietà dal suo elemento padre. Vedi inherit. |
Dettagli tecnici
Valore predefinito: | 0 |
---|---|
Valore di ritorno: | Stringa che rappresenta il margine inferiore esterno dell'elemento. |
Versione CSS: | CSS1 |
Supporto browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Supporto | Supporto | Supporto | Supporto | Supporto |
- Pagina precedente margin
- Pagina successiva marginLeft
- Torna al livello superiore Oggetto Style HTML DOM