خصائص Style padding

تعریف و استفاده

padding این خاصیت تنظیم یا بازگرداندن فضای داخلی عنصر را تنظیم می‌کند.

این خاصیت می‌تواند یک تا چهار عدد را بپذیرد:

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

  • یک عدد مثال: div {padding: 50px} - تمام چهار لبه دارای فضای داخلی 50px خواهند بود
  • دو اعداد مثال: div {padding: 50px 10px} - فضای داخلی بالا و پایین 50px و فضای داخلی چپ و راست 10px خواهد بود
  • تین مقدار، مثلاً: div {padding: 50px 10px 20px} - اوپر داخل پیدائش 50px، دائیں اور بائیں داخل پیدائش 10px، نیچے داخل پیدائش 20px
  • چار مقدار، مثلاً: div {padding: 50px 10px 20px 30px} - اوپر داخل پیدائش 50px، دائیں داخل پیدائش 10px، نیچے داخل پیدائش 20px، بائیں داخل پیدائش 30px

ملاحظہ کریں:

سی ایس ایس تعلیم:حاشیه داخلی CSS

سی ایس ایس مراجع دکھائیں:padding صفت

مثال

مثال 1

<div> عنصر کی داخل پیدائش کو سیٹ کریں:

document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";

عیناً کوشش کریں

مثال 2

<div> عنصر کی تمام چار کی جانب کی داخل پیدائش کو "25px" میں تبدیل کریں:

document.getElementById("myDiv").style.padding = "25px";

عیناً کوشش کریں

مثال 3

بھیجائی جانے والی وضاحت:

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

عیناً کوشش کریں

مثال 4

margin صفت کو padding صفت سے فرق:

فارمچ changeMargin() {
  document.getElementById("myDiv").style.margin = "100px";
}
فارمچ changePadding() {
  document.getElementById("myDiv2").style.padding = "100px";
}

عیناً کوشش کریں

قواعد

padding صفت کو واپس لائیں:

آبجیکٹ.style.padding

padding صفت کو سے سیٹ کریں:

آبجیکٹ.style.padding = "%|طول|مقصد سے|وارث"

صفت کا مقدار

مقدار وصف
% مادری عنصر کی چوڑائی کا فیصد سے داخل پیدائش کی اکائی کا تعریف کریں.
طول داخل پیدائش کی اکائی سے تعریف کریں.
مقصد سے اس صفت کو اس کی مادری وضاحت کی طرح رکھیں. ملاحظہ کریں مقصد سے.
وارث اس صفت کو ان کی مادری عنصر سے وارث کریں. ملاحظہ کریں وارث.

تکنیکی تفصیلات

دفعاتی وضاحت: 0
بھیجائی جانے والی وضاحت: فارمچ
سی ایس ایس ورژن: سی ایس ایس 1

بھرائی جانے والا مرورکر

چروم Edge Firefox Safari Opera
چروم Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم