ویژگی right CSS
تعریف و استفاده
ویژگی 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 از عنصر والد به عنصر right ارث برده شود. |
جزئیات فنی
| مقدار پیش‌فرض: | auto |
|---|---|
| erbیت‌پذیری: | no |
| نسخه: | CSS2 |
| قوانین جاوااسکریپت: | object.style.right="50px" |
مثال‌های بیشتر
- با استفاده از مقدار ثابت لبه سمت راست تصویر را تنظیم کنید
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از مقدار ثابت، لبه سمت راست تصویر را تنظیم کرد.
- با استفاده از درصد لبه سمت راست تصویر را تنظیم کنید
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از درصد، لبه سمت راست تصویر را تنظیم کرد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
