با استفاده از خاصیت margin می توان محتوا سایت را از اصل صفحه فاصله دهید.به زبان ساده margin فاصله ی بیرونی است.
مثال:
در اینجا عنصر متن Afghanistan محتوا صفحه می باشد و اگر بخواهیم این متن را از body به اندازه ۵۰px حاشیه بدهیم از دستور زیر استفاده می کنیم.
در این دستور محتوا از راست،چپ،بالا و پایین به اندازه ۵۰px فاصله می گیرد.
قاعده ی دستوری margin به شکل زیر می باشد.
در مثال بالا ما به اندازه ۱۰px از طرف بالا،به اندازه ۲۰px از طرف راست،به اندازه ۱۵px از طرف پایین و به اندازه ۴۰px از طرف چپ فاصله ایجاد کرده ایم.
در مثال های بالا نوعی خلاصه نویسی را مشاهده کردید.اما می توانید هر کدام را به شکل جداگونه بنویسید.مانند کدهای زیر:
margin-top:فاصله از بالا
margin-right:فاصله از راست
margin-bottom:فاصله از پایین
margin-left:فاصله از چپ
در مثال زیر نحوه استفاده را می توانید مشاهده کنید.