خصائص الهوامش العلوية CSS

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

تُستخدم خاصية margin-top لضبط الهوامش العلوية للعنصر.

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

انظر أيضًا:

دليل CSSحافة CSS

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

مثال

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

p
  {
  margin-top:2cm;
  }

جرب بنفسك

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

جملة CSS

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

قيمة الخاصية

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

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

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

أمثلة إضافية

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

دعم المتصفح

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

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