English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجع CSS

قواعد CSS (@RULES)

مجلة خصائص CSS

استخدام خاصية padding-right في CSS و أمثلة

تحديد مسافة التحقق من اليمين CSS يعني إضافة المسافة إلى اليمين، أي المسافة بين الحافة اليمنى للدوائر والنص داخل العنصر. ولكن، في العديد من الحالات، يتم استخدام خصائص CSS القصيرةpaddingأكثر سهولة واستحقاقًا.

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

القيمة الافتراضية:0
تطبيقها على:جميع العناصر، باستثناء<tbody>،<thead>،<tfoot>،<tr>،<colgroup>و<col>،. إنها تنطبق أيضًا على::first-letter
التوريث:لا
يمكن تفعيل الرسوم المتحركة:نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة
الإصدار:CSS 1،2،3
جملة JavaScript:object.style.paddingRight="5em"

استخدام جملة padding-right

جملة هذا الخصائص كالتالي:

padding-right: length | percentage | initial | inherit

المثال أدناه يوضح كيفية استخدام الخاصية padding-right.

  h1 {
   padding-right: 2em;
  }
  p {
   padding-right: 50px;
  }
تجربة لرؤية‹/›

قيمة الخاصية

جدول أدناه يصف قيمة هذه الخاصية.

قيمةوصف
lengthأرقام بالنسبة إلى وحدات مثل px،pt،cm،em،لا يسمح باستخدام القيم السلبية.
percentageتحديد ملء بالمئة. يتم حساب المئة بالنسبة إلى عرض العنصر المضمن.
initialاعتماد هذا الخصائص إلى قيمته الافتراضية.
inheritإذا تم تحديد، فإن العناصر المرتبطة تأخذ قيمة الخاصية padding-right للعنصر الأب.

توافق المتصفح

توافق متصفحات padding-right الخاصية، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم الخاصية؛ جميع المتصفحات الرئيسية يدعمون الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

قراءة المزيد

يرجى الرجوع إلى التعليمات التالية:ملء CSS

خصائص ذات صلة:padding،padding-top،padding-bottom،padding-left