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