خصائص padding-left CSS
- الصفحة السابقة padding-inline-start
- الصفحة التالية padding-right
التعريف والاستخدام
تحدد خاصية padding-left عرض الهوامش الداخلية اليسرى للعنصر (الفراغ).
شرح
تحدد هذه الخاصية عرض الهوامش الداخلية اليسرى للعنصر. الهوامش الداخلية اليسرى المحددة للعناصر غير المعادلة فقط تظهر على الجانب الأيسر للخطوة الأولى التي ينتج عنها العنصر.
ملاحظة:لا يُسمح باستخدام القيم السلبية.
انظر أيضًا:
دليل CSS:حامل CSS الداخلي
دليل HTML DOM:خاصية paddingLeft
مثال
ضبط الهوامش الداخلية اليسرى للعنصر p:
p
{
padding-left:2cm;
}
（يمكن العثور على المزيد من الأمثلة في قاع الصفحة）
جملة CSS
padding-left: length|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| length | يحدد القيمة الثابتة للهوامش الداخلية اليسرى باستخدام وحدة محددة، مثل البكسل أو السنتيمتر وما إلى ذلك. القيمة الافتراضية هي 0px. |
| % | يحدد النسبة المئوية للهوامش الداخلية اليسرى بناءً على عرض العنصر الأم. هذه القيمة قد لا تعمل كما هو متوقع في جميع المتصفحات. |
| inherit | يحدد يجب أن تورث الهوامش الداخلية اليسرى من العنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | 0 |
|---|---|
| تنقل: | لا |
| الإصدار: | CSS1 |
| جافا سكريبت الجملة： | عنصر.style.paddingLeft="10px" |
TIY مثال
- ضبط الهوامش الداخلية اليسرى 1
- هذا المثال يوضح كيفية استخدام الوحدة المترية لضبط الهوامش الداخلية اليسرى للخلية.
- ضبط الهوامش الداخلية اليسرى 2
- هذا المثال يوضح كيفية استخدام النسبة المئوية لضبط الهوامش الداخلية اليسرى للخلية.
دعم المتصفح
الرقم في الجدول يوضح الإصدار الأولي من المتصفح الذي يدعم هذه الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- الصفحة السابقة padding-inline-start
- الصفحة التالية padding-right
