خصوصیت right
مثال (خصوصیت right)
تنظیم فاصله تصویر از لبه سمت راست والدش به میزان 5 پیکسل:
img
{
position:absolute;
right:5px;
}
خودتان امتحان کنید »{
position:absolute;
right:5px;
}
تعریف و کاربرد
با استفاده از خصوصیت right، هنگامی که عنصر به صورت absolute مکان دهی شده است، می توان لبه سمت راست عنصر را نسبت به والدش به چپ یا راست جا به جا کرد.
برای مکان دهی relative، خصوصیت right لبه سمت راست عنصر را نسبت به مکان عادی خودش به سمت چپ یا راست جا به جا می کند.
توجه: در صورتی که position دارای مقدار static باشد، خصوصیت right هیچ تاثیری ندارد.
| مقدار پیشفرض | auto |
|---|---|
| ارث بری | خیر |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.right="50px" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت right را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| auto | مرورگر لبه سمت راست را محاسبه می کند. این مقدار پیش فرض است. | نمایش دادن » |
| length |
لبه سمت راست را در واحدهای پیکس و سانتی متر و غیره مشخص می کند. |
نمایش دادن » |
| % | لبه سمت راست یک عنصر را نسبت به عنصر والدش به درصد مشخص می کند. مقادیر منفی قابل قبول است. | نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
position (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6154
