حشوة النمط أعلى خاصية
مثال
عيّن المساحة المتروكة العلوية لعنصر <div>:
document.getElementById("myDiv").style.paddingTop = "50px";
التعريف والاستخدام
تقوم الخاصية paddingTop بتعيين أو إرجاع المساحة المتروكة العلوية للعنصر.
تحدد خصائص الحشو المسافة بين حد العنصر ومحتوى العنصر.
تقوم كل من خاصية الهامش وخاصية الحشو بإدراج مساحة حول عنصر. ومع ذلك ، فإن الاختلاف هو أن الهامش يُدرج المسافة حول الحد ، بينما تُدرج المساحة المتروكة المسافة داخل حدود العنصر.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
paddingTop | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
إرجاع الخاصية paddingTop:
object.style.paddingTop
تعيين الخاصية paddingTop:
object.style.paddingTop = "%|length|initial|inherit"
قيم الملكية
Value | Description |
---|---|
% | Defines the top padding in % of the width of the parent element |
length | Defines the top padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 0 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل المساحة المتروكة العلوية للعنصر |
إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
تغيير المساحة المتروكة العلوية لعنصر <div> مرة أخرى إلى "عادي":
document.getElementById("myDiv").style.paddingTop = "0px";
مثال
إرجاع المساحة المتروكة العلوية لعنصر <div>:
alert(document.getElementById("myDiv").style.paddingTop);
مثال
الفرق بين marginTop و padding أعلى:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
الصفحات ذات الصلة
برنامج CSS التعليمي: CSS Padding
مرجع CSS: خاصية padding-top
مرجع DOM HTML: خاصية المساحة المتروكة
❮ نمط الكائن