خصوصیت 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"

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

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

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

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

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

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

CSS Margin (بیاموز CSS)

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

: نوشته شده توسط امیر پهلوان صادق; بازدید: 7728