الفرق بين المراجعتين ل"CSS/padding-left"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| سطر 78: | سطر 78: | ||
* مواصفة [http://www.w3.org/TR/CSS2/box.html#padding-properties CSS Level 2 (Revision 1)]. | * مواصفة [http://www.w3.org/TR/CSS2/box.html#padding-properties CSS Level 2 (Revision 1)]. | ||
* مواصفة [http://www.w3.org/TR/CSS1/#padding-left CSS Level 1]. | * مواصفة [http://www.w3.org/TR/CSS1/#padding-left CSS Level 1]. | ||
| − | [[تصنيف:CSS]] | + | [[تصنيف:CSS|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Property]] | + | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Box Model]] | + | [[تصنيف:CSS Box Model|{{SUBPAGENAME}}]] |
مراجعة 15:37، 28 يناير 2018
الخاصية padding-left في CSS تضبط الحاشية (padding) في الطرف الأيسر للعنصر؛ وعلى نقيض الهوامش margin، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة.
/* <length> أطوال */
padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;
/* <percentage> نسب مئوية */
padding-left: 10%;
/* القيم العامة */
padding-left: inherit;
padding-left: initial;
padding-left: unset;
| القيمة الابتدائية | 0
|
|---|---|
| تُطبَّق على | جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table.
|
| قابلة للوراثة | لا |
| قابلة للتحريك | نعم |
| القيمة المحسوبة | نسبة مئوية أو طول مطلق. |
أمثلة
استخدام الخاصية padding-left لإضافة حاشية على الطرف الأيسر بمقدار 10px:
<p>
<code>padding-left: 10px;</code>
</p>
شيفرة CSS:
p {
border: thin solid;
padding-left: 10px;
}
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 1.0 | 1.0 | 4.0 | 3.5 | 1.0 |
البنية العامة
القيمة <length>
تحديد قيمة الحاشية بالأطوال المطلقة، ولا يجوز أن تكون القيمة سالبةً.
القيمة <percentage>
تحديد قيمة الحاشية كنسبة مئوية من عرض العنصر الكتلي الحاوي للعنصر الحالي، ولا يجوز أن تكون القيمة سالبةً.
البنية الرسمية
padding-left: <length> | <percentage>;
مصادر ومواصفات
- مسودة CSS Basic Box Model.
- مسودة CSS Transitions.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.