سبد (0)

خصوصیت padding

مثال (خصوصیت padding)

تنظیم padding عنصر p:

p
{
padding:2cm 4cm 3cm 4cm;
}
خودتان امتحان کنید »

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

با استفاده از خصوصیت مختصر شده padding می توانیم تمام خصوصیت های padding را در یک تخصیص مقدار دهی کنیم. (فاصله بین border تا شروع محتوا، padding تلقی می شود) این خصوصیت می تواند از یک تا چهار مقدار داشته باشد.

مثال:

  • padding:10px 5px 15px 20px;
    • top padding is 10px
    • right padding is 5px
    • bottom padding is 15px
    • left padding is 20px
  • padding:10px 5px 15px;
    • top padding is 10px
    • right and left padding are 5px
    • bottom padding is 15px
  • padding:10px 5px;
    • top and bottom padding are 10px
    • right and left padding are 5px
  • padding:10px;
    • all four paddings are 10px

توجه: اعداد منفی برای padding غیر قابل است.

مقدار پیشفرض 0
ارث بری خیر
نسخه CSS1
JavaScript ساختار object.style.padding="10px 5px"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت padding را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
length

میزان padding را به صورت پیکسل، سانتی متر، و ... مشخص می کند. پیش فرض 0px است.

نمایش دادن »
%

میزان padding را به صورت درصدی از عرض عنصر والدش محاسبه می کند.

نمایش دادن »
inherit  تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

CSS Padding (بیاموز CSS)

padding-bottom (مرجع خصوصیت های CSS)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان