ویژگی PaddingTop

تعریف و کاربرد

paddingTop ویژگی‌ای است که مقدار فضای فضای درونی بالا عنصر را تنظیم یا بازمی‌گرداند.

ویژگی‌های فضای درونی تعریف می‌کنند که بین لبه‌ها و محتوای عنصر وجود دارد.

ویژگی margin و ویژگی padding در اطراف عنصر فضای خالی قرار می‌گیرد. اما تفاوت‌ها در این است که، margin در اطراف لبه‌ها فضای خالی قرار می‌دهد، در حالی که padding در فضای درونی لبه‌ها قرار می‌گیرد.

لطفاً ببینید:

آموزش CSS:padding در CSS

منابع CSS:ویژگی padding-top

منابع HTML DOM:ویژگی padding

مثال

مثال 1

تنظیم فضای فضای درونی بالا عناصر <div>:

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

آزمایش شخصی کنید

مثال 2

بازگرداندن فضای فضای درونی بالا عناصر <div> به "normal":

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

آزمایش شخصی کنید

مثال 3

بازگشتی از فضای فضای درونی بالا عناصر <div>:

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

آزمایش شخصی کنید

مثال 4

تفاوت بین marginTop و paddingTop:

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

آزمایش شخصی کنید

جملات دستور زبان

بازگشتی از ویژگی paddingTop:

object.style.paddingTop

تنظیم ویژگی paddingTop:

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

مقدار ویژگی

مقدار توضیح
% با استفاده از درصد از عرض عنصر والد برای تعریف فضای فضای درونی بالا.
length با استفاده از واحد طول برای تعریف فضای فضای درونی بالا.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: 0
مقدار بازگشتی: رشته‌ای که نشان‌دهنده فضای فضای درونی بالا عنصر است.
نسخه CSS: CSS1

مرورگر پشتیبانی می‌کند

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی