CSS padding-bottom کی خاصیت
- پیشین پیچ padding-block-start
- آئندہ پیج پینڈنگ-ایلاین
تعریف و استفاده
ویژگی padding-bottom عرض حاشیه پایینی عنصر را تنظیم می‌کند (فضای خالی پایینی).
توضیحات
این ویژگی عرض حاشیه پایینی عنصر را تنظیم می‌کند. حاشیه پایینی عنصر‌های غیر جایگزین درون خط‌ها تأثیری بر محاسبه ارتفاع خط ندارد، بنابراین ممکن است از دیدگاه بصری به خط‌های دیگر ادامه یابد و ممکن است با محتوای دیگر برخورد کند. نمی‌توان مقادیر منفی برای حاشیه پایینی تعیین کرد.
توضیحات:نمی‌توان از مقادیر منفی استفاده کرد.
لطفاً به: مراجعه کنید
دستورالعمل آموزش CSS:کیس انٹرپید
دستورالعمل مرجع HTML DOM:ویژگی paddingBottom
مثال
تنظیم حاشیه پایینی عنصر p:
p
{
padding-bottom:2cm;
}
در پایین صفحه می‌توانید مثال‌های بیشتری پیدا کنید.
جمله‌بندی CSS
padding-bottom: length|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| length | تعریف حاشیه پایینی به عنوان مقدار ثابت با واحد مشخص، مانند پیکسل، سانتی‌متر و غیره. مقدار پیش‌فرض 0px است. |
| % | تعریف حاشیه پایینی به عنوان درصد از عرض عنصر والد. این مقدار ممکن است در تمام مرورگرها به صورت پیش‌بینی شده عمل نکند. |
| inherit | این باید از عنصر والد به عنصر فرزند منتقل شود. |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| ارث: | خیر |
| نسخه: | CSS1 |
| جمله‌بندی جاوااسکریپت: | عنصر.style.paddingBottom="10px" |
مثال عملی
- تنظیم حاشیه پایینی 1
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از واحد سانتی‌متر، حاشیه پایینی سلول را تنظیم کرد.
- تنظیم حاشیه پایینی 2
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از درصد، حاشیه پایینی سلول را تنظیم کرد.
پشتیبانی مرورگر
اعداد شماری در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی است.
| کروم | آئی ای / ایج | فائرفاکس | سافری | اوپرا |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- پیشین پیچ padding-block-start
- آئندہ پیج پینڈنگ-ایلاین
