پیشنهاد دوره:

ویژگی Style perspectiveOrigin

در تعریف موقعیت عنصر تعریف و استفاده

ویژگی تعریف می‌کند. این ویژگی به شما اجازه می‌دهد تا موقعیت پائین عنصر 3D را تغییر دهید. در تعریف موقعیت عنصر ویژگی perspectiveOrigin

توجه داشته باشید کهاین ویژگی باید با ویژگی perspective با هم استفاده می‌شوند و تنها تأثیر بر عناصر تبدیل 3D دارند!

لطفاً ببینید:

موضوع JavaScript Style:ویژگی perspective

دستورالعمل‌های CSS:ویژگی perspective-origin

مثال

تنظیم موقعیت خطوط پایه عناصر 3D:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

آزمایش کنید

نحوه نوشتن

بازگشتی perspectiveOrigin ویژگی:

object.style.perspectiveOrigin

تنظیم ویژگی perspectiveOrigin:

object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"

مقدار ویژگی

مقدار توضیح
x-axis

موقعیت دیدگاه در محور x تعریف می‌کند.

  • left
  • center
  • right
  • length
  • %

مقدار پیش‌فرض: 50%
y-axis

موقعیت دیدگاه در محور y تعریف می‌کند.

مقدارهای ممکن:

  • top
  • center
  • bottom
  • length
  • %

مقدار پیش‌فرض: 50%
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial。
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit。

جزئیات فنی

مقدار پیش‌فرض: 50% 50%
مقدار بازگشتی: رشته‌ای که موقعیت عناصر ویژگی perspective-origin。
نسخه CSS: CSS3

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگر پشتیبانی‌کننده از این ویژگی هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0