مثال
تعيين الحشو العلوي من <div> العنصر:
document.getElementById("myDiv").style.paddingTop = "50px";
انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية paddingTop أو ترجع الحشو العلوي من عنصر.
خصائص الحشو تحدد المسافة بين الحدود عنصر ومحتوى عنصر.
كل من الملكية الهامش والفضاء إدراج الملكية الحشو حول عنصر. ومع ذلك، والفرق هو أن هامش إدراج الفضاء حول الحدود، في حين الحشو إدراج الفضاء داخل حدود عنصر.
دعم المتصفح
ويدعم خاصية paddingTop في جميع المتصفحات الرئيسية.
بناء الجملة
إعادة الممتلكات paddingTop:
object .style.paddingTop
تعيين الخاصية paddingTop:
object .style.paddingTop=" قيم الممتلكات القيمة وصف % يحدد الحشو الأعلى في المائة من عرض العنصر الأصل length يحدد الحشو كبار في وحدات طول initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: 0 قيمة الإرجاع: سلسلة تمثل الحشو العلوي من عنصر صفحة CSS CSS1
مزيد من الأمثلة
مثال
تغيير الحشو العلوي من <div> العنصر مرة أخرى إلى "normal" :
document.getElementById("myDiv").style.paddingTop = "0px"; انها محاولة لنفسك »
مثال
العودة الحشو العلوي من <div> العنصر:
alert(document.getElementById("myDiv").style.paddingTop);
انها محاولة لنفسك »
مثال
الفرق بين marginTop وpaddingTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
انها محاولة لنفسك »
صفحات ذات صلة
CSS التعليمي: CSS الحشو
CSS المرجع padding-top property
HTML DOM المرجع padding property
<كائن نمط