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