خصائص 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 |
| جافا سكربت الجملة: | عنصر.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
