أحدث البرامج التعليمية وتطوير الشبكة
 

Style marginTop Property

<كائن نمط

مثال

تعيين الهامش العلوي من <div> العنصر:

document.getElementById("myDiv").style.marginTop = "50px";
انها محاولة لنفسك »

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

مجموعات الملكية marginTop أو إرجاع الهامش العلوي من عنصر.

كل من الملكية الهامش والفضاء إدراج الملكية الحشو حول عنصر. ومع ذلك، والفرق هو أن هامش إدراج الفضاء حول الحدود، في حين الحشو إدراج الفضاء داخل حدود عنصر.

دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية marginTop في جميع المتصفحات الرئيسية.

بناء الجملة

إعادة الممتلكات marginTop:

object .style.marginTop

تعيين الخاصية marginTop:

object .style.marginTop=" قيم الممتلكات
القيمة وصف
% يحدد الهامش العلوي في المائة من عرض العنصر الأصل
length يحدد الهامش العلوي في وحدات طول
auto المتصفح يحدد الهامش العلوي
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: 0
قيمة الإرجاع: A سلسلة، وهو ما يمثل الهامش العلوي من عنصر
صفحة CSS CSS1

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

مثال

تغيير الهامش العلوي من <div> العنصر مرة أخرى إلى "normal" :

document.getElementById("myDiv").style.marginTop="0px";
انها محاولة لنفسك »

مثال

العودة الهامش العلوي من <div> العنصر:

alert(document.getElementById("myDiv").style.marginTop);
انها محاولة لنفسك »

مثال

الفرق بين marginTop وpaddingTop:

function changeMargin()
{
document.getElementById("myDiv").style.marginTop="100px";
}
function changePadding()
{
document.getElementById("myDiv2").style.paddingTop="100px";
}
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: CSS الهامش

CSS المرجع margin-top property

HTML DOM المرجع margin property

<كائن نمط