الخاصية padding-left
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
الخاصية padding-left
في CSS تضبط الحاشية (padding) في الطرف الأيسر للعنصر؛ وعلى نقيض الهوامش margin
، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding
لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة.
بطاقة الخاصية
القيمة الابتدائية | 0
|
---|---|
تُطبَّق على | جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table .
|
قابلة للوراثة | لا |
قابلة للتحريك | نعم |
القيمة المحسوبة | نسبة مئوية أو طول مطلق. |
/* <length> أطوال */
padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;
/* <percentage> نسب مئوية */
padding-left: 10%;
/* القيم العامة */
padding-left: inherit;
padding-left: initial;
padding-left: unset;
أمثلة
استخدام الخاصية 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>;
انظر أيضًا
- صفحة الخاصية
padding
وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي:padding-top
، وpadding-bottom
، وpadding-right
. - صفحة الخاصية
margin
التي تضبط الهوامش في الأطراف الأربعة للعنصر. - صفحة الخاصية
position
التي تصف كيف يجب أن يتموضع العنصر في المستند.
مصادر ومواصفات
- مسودة CSS Basic Box Model.
- مسودة CSS Transitions.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.