ویژگی 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
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی