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