Style paddingBottom الخاصية

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

paddingBottom تعيين أو إرجاع الهوامش الداخلية السفلية للعنصر.

خصائص margin و خصائص padding تضيف مساحة حول العنصر. ولكن، يختلف ذلك في أن margin يضيف مساحة حول الحواف، بينما padding يضيف مساحة داخل الحواف.

يرجى الرجوع أيضًا إلى:

دليل تعليمات CSSحشوة CSS الداخلية

دليل CSSخصائص padding-bottom

دليل HTML DOMخصائص padding

مثال

مثال 1

ضبط الهوامش الداخلية السفلية للعنصر <div>:

document.getElementById("myDiv").style.paddingBottom = "50px";

جرب بنفسك

مثال 2

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

document.getElementById("myDiv").style.paddingBottom = "0px";

جرب بنفسك

مثال 3

إرجاع الهوامش الداخلية السفلية للعنصر <div>:

alert(document.getElementById("myDiv").style.paddingBottom);

جرب بنفسك

مثال 4

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

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

جرب بنفسك

النحو

إرجاع خصائص paddingBottom:

object.style.paddingBottom

ضبط خصائص paddingBottom:

object.style.paddingBottom = "%|length|initial|inherit"

قيمة الخصائص

القيمة الوصف
% تحديد الهوامش الداخلية السفلية بنسبة من عرض العنصر الأم.
length تحديد الهوامش الداخلية السفلية باستخدام وحدة طول.
initial ضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit تنقل هذا الخصائص من العنصر الأم. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: 0
القيمة المطلوبة: سلسلة من الأحرف، تعبر عن الهوامش الداخلية السفلية للعنصر.
CSS إصدار: CSS1

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم