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

بھرپایا ناوائز

کروم ایج فائرفاکس سافری آپرا
کروم ایج فائرفاکس سافری آپرا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی