دليل مرجع CSS

قواعد @ في CSS

خصائص margin-top CSS تعيين حافات العليا للعنصر. ومع ذلك، في العديد من الحالات، مثلmarginخصائص CSS القصيرة هذه سهلة الاستخدام ومفضلة.

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

القيمة الافتراضية:	0
ينطبق على:	جميع العناصر باستثناء table عرضالعناصر خارج أنواع (table-caption table inline-table). ،. إنه ينطبق أيضًا على ::first-letter。
الوراثة:	لا
يمكن تفعيله بواسطة الرسوم المتحركة:	نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة。
الإصدار:	CSS 1،2،3
جملة JavaScript:	الجسم.style.marginTop="20px"

نموذج الجملة لهذه الخاصية هو:

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

في المثال أدناه، يتم عرض كيفية استخدام خاصية margin-top.

مثال

　　h1　{
　　　margin-top:　25px;
　　}
　　p　{
　　　margin-top:　50px;
　　}

جدول أدناه يصف قيمة هذه الخاصية.

القيمة	وصف
length	قيمة الحجم، بالأرقام px، pt، cm، em وما إلى ذلك. يمكن استخدام القيم السلبية.
percentage	النسبة المئوية. يتم حساب النسبة المئوية بناءً على عرض العنصر المحدد.
auto	المتصفح سيقوم بحساب حواف العناصر المحددة.
initial	ضبط هذه الخاصية إلى قيمتها الافتراضية.
inherit	إذا تم تحديد، فإن العناصر ذات الصلة تأخذ قيمة margin-top لليورثة.

مرونة خصائص margin-top للمتصفحات، الأرقام في الجدول التالي تعبر عن إصدار أحدث متصفح يدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ Opera 4+

يرجى الرجوع إلى التعليمات التالية:محيط CSS،نموذج الصندوق CSS。