Properti style.margin digunakan untuk menetapkan style.marginTop, style.marginRight, style.marginBottom, dan style.marginLeft dalam satu deklarasi.
Sintaks:
obj.style.margin = value;
Nilainya:
- Length
auto
inherit
Properti style.margin memungkinkan mengatur margin yang berbeda-beda untuk keempat sisi margin suatu elemen, karena properti ini berisi nilai dari style.marginTop, style.marginRight, style.marginBottom, dan style.marginLeft.
Posisi MARGIN:
Contoh:
<HTML>
<HEAD>
<TITLE>style.margin</TITLE>
<STYLE TYPE="text/css">
#mydiv
{
margin: 0 auto;
border: solid black 1px;
}
#myp
{
border: 1px solid red;
}
</STYLE>
</HEAD>
<BODY>
<DIV ID="mydiv">
<P ID="myp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum ultricies rutrum. Mauris vitae dolor a felis semper bibendum a vitae felis.</P>
</DIV>
<SCRIPT TYPE="text/javascript">
document.getElementById("myp").style.margin = "20px 20px 205px 50px";
</SCRIPT>
</BODY>
</HTML>