ویژگی perspectiveOrigin Style
- پچھلے صفحے
- آئندہ صفحہ
- ایک سطح اوپر واپس ایچ تی ایم ال ڈوم اسٹائل آوجکٹ
تعریف و استفاده
پرسپکٹیو-اوریجن ویژگی تعریف میکند که 3D عناصر در محور x و y قرار میگیرند. این ویژگی به شما اجازه میدهد تا موقعیت پایین 3D عناصر را تغییر دهید.
در تعریف ویژگی پرسپکٹیو-اوریجن وقتی به این ویژگی اشاره میکنید، مکان عنصر فرزند است، نه عنصر خود.
نکات:این ویژگی باید با پرسپکٹیو پراپریٹی با یکدیگر استفاده میشوند و تنها عناصر تبدیل 3D را تحت تأثیر قرار میدهند!
لطفاً ببینید:
موضوع JavaScript Style:پرسپکٹیو پراپریٹی
دستورالعمل CSS:پرسپکٹیو-اوریجن پراپریٹی
مثال
تنظیم موقعیت خطوط بنیادی 3D عناصر:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
قانونگذاری
بازگشت پرسپکٹیو-اوریجن پراپریٹی:
موضوع.style.perspectiveOrigin
تنظیم پرسپکٹیو-اوریجن پراپریٹی:
موضوع.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
مقادیر ویژگی
| مقادیر | توضیح |
|---|---|
| محور x |
موقعیت منظر را در محور x تعریف میکند.
مقادیر پیشفرض: 50% |
| محور y |
موقعیت منظر را در محور y تعریف میکند. مقادیر ممکن:
مقادیر پیشفرض: 50% |
| initial | این ویژگی را به مقادیر پیشفرض خود تنظیم کنید. ببینید initial。 |
| inherit | از عنصر والد خود این ویژگی را ارث میبرد. ببینید inherit。 |
تفصیلات فنی
| مقادیر پیشفرض: | 50% 50% |
|---|---|
| بائع | نص، جو عناصر پرسپکٹیو-اوریجن پراپریٹی。 |
| CSS ورژن: | CSS3 |
براوزر سپورٹ
جداول میں نمبروں کی وضاحت، پہلے پورا طور پر اس خصوصیت کو سپورٹ کرنے والے براوزر کی نسلی معلومات دی گئی ہیں.
| کروم | ایج | فائر فاکس | سافری | آپریا |
|---|---|---|---|---|
| کروم | ایج | فائر فاکس | سافری | آپریا |
| 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
- پچھلے صفحے
- آئندہ صفحہ
- ایک سطح اوپر واپس ایچ تی ایم ال ڈوم اسٹائل آوجکٹ
