خصوصیت margin

مثال

تنظیم کردن هر چهار margin یک عنصر p:

p 
{
margin:2cm 4cm 3cm 4cm;
}

تعریف و کاربرد

فرم مختصر شده margin برای تنظیم تمام خصوصیت های margin در یک اعلان می باشد. این خصوصیت می تواند از یک تا چهار مقدار داشته باشد.

مثال:

  • margin:10px 5px 15px 20px;
    • top margin is 10px
    • right margin is 5px
    • bottom margin is 15px
    • left margin is 20px
  • margin:10px 5px 15px;
    • top margin is 10px
    • right and left margins are 5px
    • bottom margin is 15px
  • margin:10px 5px;
    • top and bottom margins are 10px
    • right and left margins are 5px
  • margin:10px;
    • all four margins are 10px

توجه: مقادیر منفی نیز قابل قبول است.

مقدار پیشفرض 0
ارث بری خیر
نسخه CSS1
JavaScript ساختار object.style.margin="10px 5px"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت margin را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند

مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
auto  مرورگر margin عنصر را محاسبه می کند.
length میزان margin را در واحدهای پیکسل، سانتی متر و ... تعیین می کند. مقدار پیش فرض 0px است.
%

margin عنصر را به صورت درصدی از عرض عنصر والدش محاسبه می کند.
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.