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