خصوصیت margin
مثال (خصوصیت margin)
تنظیم کردن هر چهار margin یک عنصر p:
p
{
margin:2cm 4cm 3cm 4cm;
}
خودتان امتحان کنید »{
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 | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Margin (بیاموز CSS)
margin-left (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7914