CSS maring-top hauka

التعريف والاستخدام

تحدد خاصية margin-top الهوامش العلوية للعنصر.

ملاحظة:يُسمح باستخدام القيم السلبية.

انظر أيضًا:

دليل CSSهوکسی‌سی‌ایس‌اس مارژن

دليل HTML DOMخصائص marginTop

مثال

ضبط الهوامش العلوية للعنصر p:

p
  {
  margin-top:2cm;
  }

تجربة شخصية

يمكن العثور على أمثلة إضافية في أسفل الصفحة.

جملة CSS

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

قيمة الخاصية

القيمة الوصف
auto الهوامش العلوية التي تم تعيينها بواسطة المتصفح.
length يحدد الهوامش العلوية الثابتة. القيمة الافتراضية هي 0.
% يحدد الهوامش العلوية باستخدام النسبة المئوية من عرض العنصر المضمون.
inherit يحدد أن الهوامش العلوية يجب أن تُورث من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: 0
التنسيق: لا
الإصدار: CSS1
جافا سكربت الجملة: object.style.marginTop="10px"

مزيد من الأمثلة

ضبط الهوامش العلوية للنص 1
هذا المثال يوضح كيفية استخدام الوحدة المترية لضبط الهوامش العلوية للنص.
ضبط الهوامش العلوية للنص 2
هذا المثال يوضح كيفية استخدام النسبة المئوية لضبط الهوامش العلوية للنص.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

کروم آئی‌ای / ایجی فایرفاکس سافاری اوپرا
1.0 6.0 1.0 1.0 3.5