ویژگی objectPosition Style
- صفحه قبلی objectFit
- صفحه بعدی opacity
- برگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
objectPosition ویژگی برای مشخص کردن <img> یا <video> چگونه باید در جعبه محتوای خود قرار گیرد.
لطفاً به
آموزش CSS:CSS object-fit
دستورالعمل CSS:ویژگی object-position
مثال
اندازه تصویر را تنظیم کنید تا با جعبه محتوای آن متناسب شود و تصویر را در موقعیت 5px از چپ و 10% از بالا در جعبه محتوای آن قرار دهید:
document.getElementById("myImg").style.objectPosition = "0 10%";
نحوه نوشتن
بازگشتی objectPosition ویژگی:
object.style.objectPosition
تنظیم ویژگی objectPosition:
object.style.objectPosition = "position|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| position |
موقعیت تصویر یا ویدیو را در جعبه محتوای آن‌ها مشخص می‌کند. مقدار اولین کنترل محور x را انجام می‌دهد، مقدار دوم کنترل محور y را انجام می‌دهد. می‌تواند رشته‌ای (چپ، مرکز یا راست) یا عددی (با واحد px یا %) باشد. مقدارهای منفی مجاز هستند. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | 50% 50% |
|---|---|
| مقدار بازگشتی: | رشته یا عدد، نشان‌دهنده موقعیت عناصر در جعبه محتوای آن‌ها است. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای کاملاً پشتیبانی‌کننده از این ویژگی هستند.
| کروم | اندازه‌گیری | فایرفاکس | سفاری | آپرا |
|---|---|---|---|---|
| کروم | اندازه‌گیری | فایرفاکس | سفاری | آپرا |
| 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
- صفحه قبلی objectFit
- صفحه بعدی opacity
- برگشت به لایه بالاتر اجزای Style HTML DOM
