أحدث البرامج التعليمية وتطوير الشبكة
 

Style paddingLeft Property

<كائن نمط

مثال

تعيين الحشو الأيسر من <div> العنصر:

document.getElementById("myDiv").style.paddingLeft = "50px";
انها محاولة لنفسك »

تعريف والاستخدام

مجموعات الملكية paddingLeft أو ترجع الحشو الأيسر من عنصر.

كل من الملكية الهامش والفضاء إدراج الملكية الحشو حول عنصر. ومع ذلك، والفرق هو أن هامش إدراج الفضاء حول الحدود، في حين الحشو إدراج الفضاء داخل حدود عنصر.


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية paddingLeft في جميع المتصفحات الرئيسية.


بناء الجملة

إعادة الممتلكات paddingLeft:

object .style.paddingLeft

تعيين الخاصية paddingLeft:

object .style.paddingLeft=" قيم الممتلكات
القيمة وصف
% يحدد الحشو الأيسر في المائة من عرض العنصر الأصل
length يحدد الحشو الأيسر في وحدات طول
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: 0
قيمة الإرجاع: سلسلة تمثل الحشو الأيسر من عنصر
صفحة CSS CSS1

مزيد من الأمثلة

مثال

تغيير الحشو تبقى من <div> العنصر مرة أخرى إلى "normal" :

document.getElementById("myDiv").style.paddingLeft = "0px";
انها محاولة لنفسك »

مثال

العودة الحشو الأيسر من <div> العنصر:

alert(document.getElementById("myDiv").style.paddingLeft);
انها محاولة لنفسك »

مثال

الفرق بين marginLeft وpaddingLeft:

function changeMargin() {
    document.getElementById("myDiv").style.marginLeft = "100px";
}

function changePadding() {
    document.getElementById("myDiv2").style.paddingLeft = "100px";
}
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: CSS الحشو

CSS المرجع padding-left property

HTML DOM المرجع padding property


<كائن نمط