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

Style paddingBottom Property

<كائن نمط

مثال

تعيين الحشو السفلي من <div> العنصر:

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

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

مجموعات الملكية paddingBottom أو ترجع الحشو السفلي من عنصر.

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


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


بناء الجملة

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

object .style.paddingBottom

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

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

تفاصيل تقنية

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

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

مثال

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

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

مثال

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

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

مثال

الفرق بين marginBottom وpaddingBottom:

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

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

صفحات ذات صلة

CSS التعليمي: CSS الحشو

CSS إشارة: padding-bottom property

HTML DOM المرجع padding property


<كائن نمط