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