ویژگی transformOrigin Style

تعریف و استفاده

transformOrigin این ویژگی به شما اجازه می‌دهد تا موقعیت عنصر تبدیل شده را تغییر دهید.

عناصر تبدیل 2D می‌توانند موقعیت محور x و y عنصر را تغییر دهند. عناصر تبدیل 3D می‌توانند موقعیت محور z عنصر را نیز تغییر دهند.

نکات:این ویژگی باید با ویژگی transform استفاده مشترک

لطفاً به

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

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

مثال

تنظیم مکان پایه‌ای برای چرخش عنصر:

document.getElementById("myDIV").style.transformOrigin = "0 0";

آزمایش کنید

نحوه نوشتن

بازگشتی ویژگی transform-origin:

object.style.transformOrigin

تنظیم ویژگی transform-origin:

object.style.transformOrigin = "محور x محور y محور z|initial|inherit"

مقدار ویژگی

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

تعیین مکان قرارگیری ویژگی در محور x. مقادیر ممکن:

  • سمت چپ
  • وسط
  • سمت راست
  • length
  • %
محور y

تعیین مکان قرارگیری ویژگی در محور y. مقادیر ممکن:

  • بالای
  • وسط
  • پایین
  • length
  • %
محور z

تعیین مکان قرارگیری ویژگی در محور z. مقادیر ممکن:

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

جزئیات فنی

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

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

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

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