مثال
تعيين الحشو ل <div> العنصر:
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px"; انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية الحشو أو ترجع الحشو عنصر.
هذا العقار يمكن أن يستغرق من أربعة القيم:
كل من الملكية الهامش والفضاء إدراج الملكية الحشو حول عنصر. ومع ذلك، والفرق هو أن هامش إدراج الفضاء حول الحدود، في حين الحشو إدراج الفضاء داخل حدود عنصر.
- قيمة واحدة، مثل: شعبة {الحشو: 50px} - جميع الجوانب الأربعة سيكون لها الحشو 50px
- قيمتين، مثل: شعبة {الحشو: 50px 10px} - وأعلى وأسفل الحشو يكون 50px، اليسار وسوف الحشو المناسب أن يكون 10px
- ثلاث قيم، مثل: شعبة {الحشو: 50px 10px 20px} - والحشو كبير أن يكون 50px، اليسار وسوف الحشو المناسب أن يكون 10px، والحشو السفلي يكون 20px
- أربعة القيم، مثل: شعبة {الحشو: 50px 10px 20px 30px} - والحشو كبير أن يكون 50px، الحشو المناسب سيكون 10px، والحشو السفلي يكون 20px، والحشو الأيسر يكون 30px
دعم المتصفح
ويدعم خاصية الحشو في جميع المتصفحات الرئيسية.
بناء الجملة
إعادة الممتلكات الحشو:
object .style.padding
تعيين الخاصية الحشو:
object .style.padding=" قيم الممتلكات القيمة وصف % يحدد الحشو في المائة من عرض العنصر الأصل length يحدد الحشو في وحدات طول initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: 0 قيمة الإرجاع: سلسلة تمثل الحشو عنصر صفحة CSS CSS1
مزيد من الأمثلة
مثال
تغيير الحشو من جميع الجوانب الأربعة من <div> عنصر ل "25px" :
document.getElementById("myDiv").style.padding = "25px";
انها محاولة لنفسك »
مثال
العودة الحشو ل <div> العنصر:
alert(document.getElementById("myDiv").style.padding);
انها محاولة لنفسك »
مثال
الفرق بين الملكية الهامش والممتلكات الحشو:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
انها محاولة لنفسك »
صفحات ذات صلة
CSS التعليمي: CSS الحشو
CSS إشارة: padding property
<كائن نمط