الفرق بين المراجعتين لصفحة: «CSS/padding-bottom»
< CSS
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
لا ملخص تعديل |
||
| (2 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>padding-bottom</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>padding-bottom</code>}}</noinclude> | ||
الخاصية <code>padding-bottom</code> في CSS تضبط الحاشية (padding) في الطرف السفلي للعنصر؛ وعلى نقيض الهوامش <code>[[CSS/margin|margin]]</code>، لا يجوز استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة <code>[[CSS/padding|padding]]</code> لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة. | الخاصية <code>padding-bottom</code> في CSS تضبط الحاشية (padding) في الطرف السفلي للعنصر؛ وعلى نقيض الهوامش <code>[[CSS/margin|margin]]</code>، لا يجوز استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة <code>[[CSS/padding|padding]]</code> لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة. | ||
== بطاقة الخاصية == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 31: | سطر 20: | ||
|نسبة مئوية أو طول مطلق. | |نسبة مئوية أو طول مطلق. | ||
|} | |}<syntaxhighlight lang="css"> | ||
/* <length> أطوال */ | |||
padding-bottom: 0.5em; | |||
padding-bottom: 0; | |||
padding-bottom: 2cm; | |||
/* <percentage> نسب مئوية */ | |||
padding-bottom: 10%; | |||
/* القيم العامة */ | |||
padding-bottom: inherit; | |||
padding-bottom: initial; | |||
padding-bottom: unset; | |||
</syntaxhighlight> | |||
== أمثلة == | == أمثلة == | ||
| سطر 62: | سطر 64: | ||
== البنية العامة == | == البنية العامة == | ||
=== | === <code>[[CSS/length|<length>]]</code> === | ||
تحديد قيمة الحاشية بالأطوال المطلقة، ولا يجوز أن تكون القيمة سالبةً. | تحديد قيمة الحاشية بالأطوال المطلقة، ولا يجوز أن تكون القيمة سالبةً. | ||
=== | === <code>[[CSS/percentage|<percentage>]]</code> === | ||
تحديد قيمة الحاشية كنسبة مئوية من عرض العنصر الكتلي الحاوي للعنصر الحالي، ولا يجوز أن تكون القيمة سالبةً. | تحديد قيمة الحاشية كنسبة مئوية من عرض العنصر الكتلي الحاوي للعنصر الحالي، ولا يجوز أن تكون القيمة سالبةً. | ||
| سطر 72: | سطر 74: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== انظر أيضًا == | |||
* صفحة الخاصية <code>[[CSS/padding|padding]]</code> وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي: <code>[[CSS/padding-top|padding-top]]</code>، و <code>[[CSS/padding-right|padding-right]]</code>، و <code>[[CSS/padding-left|padding-left]]</code>. | |||
* صفحة الخاصية <code>[[CSS/margin|margin]]</code> التي تضبط الهوامش في الأطراف الأربعة للعنصر. | |||
* صفحة الخاصية <code>[[CSS/position|position]]</code> التي تصف كيف يجب أن يتموضع العنصر في المستند. | |||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
المراجعة الحالية بتاريخ 09:44، 9 يوليو 2018
الخاصية padding-bottom في CSS تضبط الحاشية (padding) في الطرف السفلي للعنصر؛ وعلى نقيض الهوامش margin، لا يجوز استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة.
بطاقة الخاصية
| القيمة الابتدائية | 0
|
|---|---|
| تُطبَّق على | جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table.
|
| قابلة للوراثة | لا |
| قابلة للتحريك | نعم |
| القيمة المحسوبة | نسبة مئوية أو طول مطلق. |
/* <length> أطوال */
padding-bottom: 0.5em;
padding-bottom: 0;
padding-bottom: 2cm;
/* <percentage> نسب مئوية */
padding-bottom: 10%;
/* القيم العامة */
padding-bottom: inherit;
padding-bottom: initial;
padding-bottom: unset;
أمثلة
استخدام الخاصية padding-bottom لإضافة حاشية سفلية بمقدار 10px:
<p>
<code>padding-bottom: 10px;</code>
</p>
شيفرة CSS:
p {
border: thin solid;
padding-bottom: 10px;
}
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 1.0 | 1.0 | 4.0 | 3.5 | 1.0 |
البنية العامة
<length>
تحديد قيمة الحاشية بالأطوال المطلقة، ولا يجوز أن تكون القيمة سالبةً.
<percentage>
تحديد قيمة الحاشية كنسبة مئوية من عرض العنصر الكتلي الحاوي للعنصر الحالي، ولا يجوز أن تكون القيمة سالبةً.
البنية الرسمية
padding-bottom: <length> | <percentage>;
انظر أيضًا
- صفحة الخاصية
paddingوصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي:padding-top، وpadding-right، وpadding-left. - صفحة الخاصية
marginالتي تضبط الهوامش في الأطراف الأربعة للعنصر. - صفحة الخاصية
positionالتي تصف كيف يجب أن يتموضع العنصر في المستند.
مصادر ومواصفات
- مسودة CSS Basic Box Model.
- مسودة CSS Transitions.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.