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

Style margin Property

<كائن نمط

مثال

تعيين كافة الهوامش الأربعة لل <div> العنصر:

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

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

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

هذا العقار يمكن أن يستغرق من أربعة القيم:

  • قيمة واحدة، مثل: شعبة {هامش: 50px} - كل الهوامش الأربعة سيكون 50px
  • قيمتين، مثل: شعبة {هامش: 50px 10px} - فإن الهوامش العليا والسفلى يكون 50px، اليسار وسوف الهوامش اليمنى يكون 10px
  • ثلاث قيم، مثل: شعبة {هامش: 50px 10px 20px} - سوف الهامش العلوي يكون 50px، اليسار وسوف يكون الهامش الأيمن 10px، سوف يكون الهامش السفلي 20px
  • أربعة القيم، مثل: شعبة {هامش: 50px 10px 20px 30px} - سوف الهامش العلوي يكون 50px، الهامش الأيمن سيكون 10px، سوف يكون الهامش السفلي 20px، سوف يكون الهامش الأيسر 30px

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

دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

بناء الجملة

إعادة الممتلكات هامش:

object .style.margin

تعيين الخاصية الهامش:

object .style.margin=" قيم الممتلكات
القيمة وصف
% تحدد الهوامش في المائة من عرض العنصر الأصل
length تحدد الهوامش في وحدة طول
auto المتصفح يضع هوامش (all four margins will be equal)
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

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

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

مثال

تغيير كافة الهوامش الأربعة لل <div> عنصر ل "25px" :

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

مثال

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

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

مثال

الفرق بين الملكية الهامش والممتلكات الحشو:

function changeMargin() {
    document.getElementById("myDiv").style.margin = "100px";
}

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

صفحات ذات صلة

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

CSS المرجع margin property

<كائن نمط