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