خصوصیت margin-top

چاپ

مثال (خصوصیت margin-top)

تنظیم میزان margin عنصر p از لبه بالا:

p
{
margin-top:2cm;
}
خودتان امتحان کنید »

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

با استفاده از خصوصیت margin-top می توان میزان margin از لبه بالا را مشخص کرد.

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

مقدار توضیحات نمایش دادن
auto

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

نمایش دادن »
length

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

نمایش دادن »
%

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

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

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

CSS Margin (بیاموز CSS)

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