Style paddingLeft 属性

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

paddingLeft تعيين أو إرجاع الهوامش الداخلية اليسرى للعنصر.

خصائص margin و خصائص الهوامش كلها تضيف مساحة حول العنصر. ولكن، يختلف ذلك في أن margin تضيف مساحة حول الحواف، بينما padding تضيف مساحة داخل الحواف.

يرجى الرجوع أيضًا إلى:

دليل تعليمات CSSالإندفاع الداخلي CSS

دليل CSSخصائص padding-left

دليل HTML DOMخصائص الهوامش

مثال

مثال 1

تعيين الهوامش الداخلية اليسرى للعنصر <div>:

document.getElementById("myDiv").style.paddingLeft = "50px";

جرب بنفسك

مثال 2

استعادة الهوامش الداخلية اليسرى للعنصر <div> إلى "normal":

document.getElementById("myDiv").style.paddingLeft = "0px";

جرب بنفسك

مثال 3

إرجاع الهوامش الداخلية اليسرى للعنصر <div>:

alert(document.getElementById("myDiv").style.paddingLeft);

جرب بنفسك

مثال 4

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

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

جرب بنفسك

النحو

إرجاع خاصية paddingLeft:

الجسم.style.paddingLeft

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

الجسم.style.paddingLeft = "%|length|initial|inherit"

قيمة الخصائص

القيمة الوصف
% تحديد الهوامش الداخلية اليسرى بال porcent من عرض العنصر الأب.
الوحدة تحديد الهوامش الداخلية اليسرى بالوحدات.
الافتراضي أعاد هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى الافتراضي.
التوريث يرجى الرجوع إلى كيفية توريث هذا الخصائص من عنصر الأب. يرجى الرجوع إلى التوريث.

تفاصيل تقنية

القيمة الافتراضية: 0
القيمة الم返回ة: القيمة النصية، تمثل الهوامش الداخلية للعنصر.
إصدار CSS: CSS1

دعم المتصفح

كروم إيدج فايرفوكس Safari Opera
كروم إيدج فايرفوكس Safari Opera
الدعم الدعم الدعم الدعم الدعم