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