ویژگی objectPosition Style
- پچھلے صفحے objectFit
- آئندہ صفحہ opacity
- ایک سطر اوپر واپس ایچ تی ام ال ڈوم اسٹائل آئیٹم
تعریف و استفاده
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
- ایک سطر اوپر واپس ایچ تی ام ال ڈوم اسٹائل آئیٹم
