English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تحديد مسافة التداخل إلى اليسار CSS الخاص بـ padding-left يحدد المسافة بين الحافة اليسرى للعنصر والمحتوى، أي المسافة بين الحافة والكمية الموجودة في العنصر. ولكن، في العديد من الحالات، يتم استخدام خاصية CSS القصيرة.paddingأكثر شيوعًا وأفضل.
جدول أدناه يوضح وصف استخدام هذه الخاصية وأحداثيات التاريخ الإصدار، وكذلك استخدام هذه الخاصية في سكربتات JavaScript.
| القيمة الافتراضية: | 0 |
|---|---|
| تنطبق على: | جميع العناصر، باستثناء<tbody>،<thead>،<tfoot>،<tr>،<colgroup>و<col>،. إنه ينطبق أيضًا على::first-letter。 |
| التوريث: | لا |
| يمكن أن يتم تحريكه: | نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 1،2،3 |
| جملة JavaScript: | object.style.paddingLeft="2em" |
جملة هذه الخاصية هي:
padding-left: length | percentage | initial | inherit
المثال أدناه يوضح كيفية استخدام خاصية padding-left.
h1 {
padding-left: 2em;
}
p {
padding-left: 50px;
}جرب لمعرفة‹/›جدول أدناه يصف قيمة هذه الخاصية.
| القيمة | وصف |
|---|---|
| length | قيمة بالأرقام باستخدام وحدات مثل px،pt،cm،em وما إلى ذلك، لا يمكن استخدام القيم السلبية. |
| percentage | تحديد الملء بنسبة مئوية. يتم حساب النسبة المئوية بناءً على عرض العنصر المحدد. |
| initial | ضبط هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد، يتم استخدام قيمة padding-left الخاص بالعنصر الأم. |
تطابق متصفحات المستعرض الخاصة بخصائص padding-left، الأرقام في الجدول التالي تعبر عن أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ يدعم جميع المتصفحات الشائعة هذه الخاصية.
|
انظر إلى التعليمات التالية:ملء CSS،نموذج الصندوق CSS。
خصائص مرتبطة:padding،padding-top،padding-right،padding-bottom。