سبد (0)

خصوصیت margin

مثال (خصوصیت 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"

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

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

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

نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

CSS Margin (بیاموز CSS)

margin-left (مرجع خصوصیت های CSS)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه