ویژگی margin-top CSS

تعریف و استفاده

ویژگی margin-top حاشیه بالای عنصر را تنظیم می‌کند.

توضیحات:ممکن است از مقادیر منفی استفاده شود.

لطفاً به:

آموزش CSS:مargins CSS

دستورالعمل مرجع HTML DOM:ویژگی marginTop

مثال

تنظیم حاشیه بالای خارجی عنصر p:

p
  {
  margin-top:2cm;
  }

آزمایش کنید

مثال‌های بیشتر را در پایین صفحه می‌توان یافت.

جمله‌نویسی CSS

margin-top: length|auto|initial|inherit;

مقدار ویژگی

مقدار توضیحات
auto حاشیه بالای خارجی تنظیم شده توسط مرورگر.
length حاشیه بالای خارجی ثابت تعریف می‌شود. مقدار پیش‌فرض 0 است.
% با استفاده از درصد عرض عنصر شامل، حاشیه بالای خارجی مشخص می‌شود.
inherit محدودیت باید از عنصر والد به حاشیه بالای خارجی ارث‌برداری کند.

جزئیات فنی

مقدار پیش‌فرض: 0
ابستره: no
نسخه: CSS1
جمله‌نویسی جاوااسکریپت: object.style.marginTop="10px"

مثال‌های بیشتر

تنظیم حاشیه بالای متن به 1
این مثال نشان می‌دهد که چگونه می‌توان با استفاده از واحد سانتی‌متر، حاشیه بالای متن را تنظیم کرد.
تنظیم حاشیه بالای متن به 2
این مثال نشان می‌دهد که چگونه می‌توان با استفاده از درصد، حاشیه بالای متن را تنظیم کرد.

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کاملاً پشتیبانی می‌کنند.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5