CSS right کا اپریشن
تعریف و استفاده
ویژگی right لبه خارجی حاشیه عنصر را مشخص میکند. این ویژگی تعیین میکند که چگونه حاشیه خارجی سمت راست عنصر در مقایسه با حاشیه خارجی محتویات آن قرار میگیرد.
نکته:اگر مقدار ویژگی position برابر با "static" باشد، تنظیم ویژگی right هیچ اثری ندارد.
توضیح
برای عناصر static، مقدار پیشفرض auto است؛ برای مقادیر طول، مقدار طول مربوطه است؛ برای مقادیر درصدی، مقدار مشخص شده است؛ در غیر این صورت auto است.
برای عنصرهایی که به صورت نسبی تعریف شدهاند، مقدار محاسبه شده left همیشه برابر با right است.
لطفاً به اینجا نیز مراجعه کنید:
آموزش CSS:پوزیشن CSS
دستنویس HTML DOM:ویژگی right
مثال
لبه سمت راست تصویر را در 5 پیکسلی به سمت چپ از لبه سمت راست عنصر نگهدارنده تنظیم کنید:
img
{
position:absolute;
right:5px;
}
جملهنویسی CSS
right: auto|length|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| auto | مقدار پیشفرض. موقعیت لبه سمت راست توسط مرورگر محاسبه میشود. |
| % | موقعیت سمت راست را بر اساس درصدی که شامل عنصر است تنظیم کنید. میتوان از مقادیر منفی استفاده کرد. |
| length | برای تنظیم موقعیت سمت راست عنصر از واحدهای px، cm و غیره استفاده کنید. میتوان از مقادیر منفی استفاده کرد. |
| inherit | تعیین میکند که باید مقدار属性 right از عنصر والد به ارث برده شود. |
جزئیات فنی
| مقدار پیشفرض: | auto |
|---|---|
| ارثپذیری: | no |
| نسخه: | CSS2 |
| جملهنویسی JavaScript: | object.style.right="50px" |
مثالهای بیشتر
- استفاده از مقادیر ثابت برای تنظیم لبه سمت راست تصویر
- این مثال نشان میدهد که چگونه میتوان از مقادیر ثابت برای تنظیم لبه سمت راست تصویر استفاده کرد.
- استفاده از نسبتهای درصدی برای تنظیم لبه سمت راست تصویر
- این مثال نشان میدهد که چگونه میتوان از نسبتهای درصدی برای تنظیم لبه سمت راست تصویر استفاده کرد.
پشتیبانی مرورگر
اعداد میزانی که در جدول نوشته شده، نسخه اولین مرورگر که از این ویژگی کامل پشتیبانی میکند را نشان میدهد.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
