Esempio
Impostare tutti e quattro i margini di un <div> elemento:
document.getElementById("myDiv").style.margin = "50px 10px 20px 30px"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà margine o restituisce i margini di un elemento.
Questa proprietà può prendere da uno a quattro valori:
- Un valore, come: div {margin: 50px} - tutti e quattro i margini sarà 50px
- Due valori, come: div {margin: 50px 10px} - il margine superiore e inferiore saranno 50px, margini sinistro e destro saranno 10px
- Tre valori, come: div {margin: 50px 10px 20px} - il margine superiore sarà 50px, margine sinistro e destro sarà 10px, margine inferiore sarà 20px
- Quattro valori, come: div {margin: 50px 10px 20px 30px} - il margine superiore sarà 50px, margine destro sarà 10px, margine inferiore sarà 20px, margine sinistro sarà 30px
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à margin è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà margin:
object .style.margin
Impostare la proprietà margin:
object .style.margin=" I valori delle proprietà Valore Descrizione % Definisce i margini in% della larghezza dell'elemento genitore length Definisce i margini in unità di lunghezza auto Il browser imposta i margini (all four margins will be equal) 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 i margini di un elemento CSS Version CSS1
Altri esempi
Esempio
Cambiare tutti e quattro i margini di un <div> elemento "25px" :
document.getElementById("myDiv").style.margin = "25px";
Prova tu stesso "
Esempio
Restituire i margini di un <div> elemento:
alert(document.getElementById("myDiv").style.margin);
Prova tu stesso "
Esempio
Differenza tra la proprietà e la proprietà margine di padding:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Prova tu stesso "
Pagine correlate
CSS tutorial: Margine CSS
Di riferimento CSS: margin property
<Stile di oggetto