مثال (خصوصیت margin-top)
تنظیم میزان margin عنصر p از لبه بالا:
p
{
margin-top:2cm;
}
خودتان امتحان کنید »{
margin-top:2cm;
}
تعریف و کاربرد
با استفاده از خصوصیت margin-top می توان میزان margin از لبه بالا را مشخص کرد.
توجه: مقادیر منفی قابل قبول است
| مقدار پیشفرض | 0 |
|---|---|
| ارث بری | خیر |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.marginTop="10px" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت margin-top را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| auto | مرورگر margin عنصر از لبه بالا را محاسبه می کند. | نمایش دادن » |
| length | میزان margin عنصر از لبه بالا را در واحدهای پیکسل، سانتی متر و ... تعیین می کند. مقدار پیش فرض 0px است. | نمایش دادن » |
| % | margin عنصر از لبه بالا را به صورت درصدی از عرض عنصر والدش محاسبه می کند. | نمایش دادن » |
| inherit | تعیین می کند که margin عنصر از لبه بالا باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Margin (بیاموز CSS)
margin-left (مرجع خصوصیت های CSS)
