خصائص paddingRight

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

paddingRight تعيين أو العودة إلى الهوامش اليمنى للعنصر.

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

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

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

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

دليل HTML DOMخصائص padding

مثال

مثال 1

تعيين الهوامش اليمنى للـ <div>:

document.getElementById("myDIV").style.paddingRight = "50px";

جرب بنفسك

مثال 2

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

document.getElementById("myDIV").style.paddingRight = "0px";

جرب بنفسك

مثال 3

تعيين الهوامش اليمنى للـ <div>:

alert(document.getElementById("myDIV").style.paddingRight);

جرب بنفسك

مثال 4

الفرق بين marginRight و paddingRight:

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

جرب بنفسك

القواعد

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

object.style.paddingRight

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

object.style.paddingRight = "%|length|initial|inherit"

قيمة الخصائص

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

تفاصيل تقنية

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

المتصفح يدعم

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم