ເຄື່ອງrightຂອງCSS
تعريف واستخدام
تحدد خاصية right حافة اليمين للعنصر. تعرف هذه الخاصية على إضافة التمدد الخارجي للعنصر إلى حافة اليمين للعنصر المضمّن.
ملاحظة:إذا كان قيمة الخاصية position هي "static"، فإن ضبط خاصية right لن ينتج أي تأثير.
شرح
بالنسبة للأعمدة الثابتة، تكون القيمة تلقائية؛ بالنسبة للقيم الطولية، تكون القيمة المحددة؛ بالنسبة للقيم المئوية، تكون القيمة المحددة؛ وإلا تكون تلقائية.
بالنسبة للأعمدة المحددة بشكل نسبي، يكون القيمة المحسوبة لـ left متساوية دائمًا مع right.
انظر أيضًا:
دليل CSS:توجيه CSS
دليل HTML DOM:خاصية right
مثال
ضبط حافة اليمين للصورة في موقع 5 بكسل إلى اليسار من حافة اليمين للعنصر المضمّن:
img
{
position:absolute;
right:5px;
}
جافا سكربت:
right: تلقائي|طول|البداية|توريث;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| تلقائي | القيمة الافتراضية. يتم حساب موقف الحافة اليمنى بواسطة المتصفح. |
| % | تعيين موقف الجانب الأيمن للعنصر بناءً على النسبة المئوية من العنصر. يمكن استخدام القيم السلبية. |
| طول | استخدام وحدات مثل px،cm لتعيين موقف الجانب الأيمن للعنصر. يمكن استخدام القيم السلبية. |
| توريث | يحدد يجب أن يستمر في استخدامه قيمة right الخاص بالعنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | تلقائي |
|---|---|
| التنسيق: | لا |
| الإصدار: | CSS2 |
| جافا سكربت: | object.style.right="50px" |
مزيد من الأمثلة
- استخدام القيمة الثابتة لضبط الحافة اليمنى للصورة
- هذا المثال يوضح كيفية استخدام القيمة الثابتة لضبط الحافة اليمنى للصورة.
- استخدام النسبة المئوية لضبط الحافة اليمنى للصورة
- هذا المثال يوضح كيفية استخدام النسبة المئوية لضبط الحافة اليمنى للصورة.
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
