الخاصية padding-right

من موسوعة حسوب
< CSS
مراجعة 19:19، 24 يوليو 2018 بواسطة Riyad-khalifeh (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

الخاصية padding-right في CSS تضبط الحاشية (padding) في الطرف الأيمن للعنصر؛ وعلى نقيض الهوامش margin، لا يجوز استخدام استخدام القيم السالبة للحواشي. ويمكن استخدام الخاصية المختصرة padding لضبط جميع الحواشي على الأطراف الأربعة لأحد العناصر في قاعدة واحدة.

بطاقة الخاصية

القيمة الابتدائية 0
تُطبَّق على جميع العناصر، ما عدا عناصر الجداول التي لا تساوي فيها قيمة الخاصية display إحدى الكلمات المحجوزة table-caption و table و inline-table.
قابلة للوراثة لا
قابلة للتحريك نعم
القيمة المحسوبة نسبة مئوية أو طول مطلق.
/* <length> أطوال */
padding-right: 0.5em;
padding-right: 0;
padding-right: 2cm;

/* <percentage> نسب مئوية */
padding-right: 10%;

/* القيم العامة */
padding-right: inherit;
padding-right: initial;
padding-right: unset;

أمثلة

استخدام الخاصية padding-right لإضافة حاشية على الطرف الأيمن بمقدار 10px:

<p>
  <code>padding-right: 10px;</code>
</p>

شيفرة CSS:

p {
  border: thin solid;
  padding-right: 10px;
  float: right;
}

دعم المتصفحات

الميزة Chrome Firefox Internet Explorer Opera Safari
الدعم الأساسي 1.0 1.0 4.0 3.5 1.0

البنية العامة

<length>

تحديد قيمة الحاشية بالأطوال المطلقة، ولا يجوز أن تكون القيمة سالبةً.

<percentage>

تحديد قيمة الحاشية كنسبة مئوية من عرض العنصر الكتلي الحاوي للعنصر الحالي، ولا يجوز أن تكون القيمة سالبةً.

البنية الرسمية

padding-right: <length> | <percentage>;

انظر أيضًا

  • صفحة الخاصية padding وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي: padding-top، و padding-bottom، و padding-left.
  • صفحة الخاصية margin التي تضبط الهوامش في الأطراف الأربعة للعنصر.
  • صفحة الخاصية position التي تصف كيف يجب أن يتموضع العنصر في المستند.

مصادر ومواصفات