Style transformOrigin خصوصیت

تعلیم اور استعمال

transformOrigin خصوصیت کو تبدیل شدہ عنصر کی پوزیشن کو تبدیل کرنے کی اجازت دیتی ہے.

2D تبدیلی عنصر کو علامت کی x اور y اوسلو میں تبدیل کرسکتا ہے. 3D تبدیلی عنصر کو علامت کی z اوسلو میں بھی تبدیل کرسکتا ہے.

نوٹ:اس خصوصیت کو اس ساتھ مدد کی ضرورت ہے: transform خصوصیت باہم استعمال کروا.

ایک ساتھ دیکھیئے:

JavaScript Style اوبجیکٹ:transform خصوصیت

CSS مراجعہ دستور زبان:transform-origin کا خصوصیت

مثال

رویتیل کی بنیادی پوزیشن کو تنظیم کروا:

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

خود کا تجربہ کروا

قواعد

transformOrigin خصوصیت کو بازگشتی عمل کروا:

object.style.transformOrigin

transformOrigin خصوصیت کو تنظیم کروا:

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

خصوصیت کا مقصد

مقادیر وصف
x-axis

وظیفہ دیکھنے کا مقصد کو x-اوسلو پر رکھنا. ممکنہ مقادیر:

  • left
  • center
  • right
  • length
  • %
y-axis

وظیفہ دیکھنے کا مقصد کو y-اوسلو پر رکھنا. ممکنہ مقادیر:

  • top
  • center
  • bottom
  • length
  • %
z-axis

وظیفہ دیکھنے کا مقصد کو z-اوسلو پر رکھنا. ممکنہ مقادیر:

  • length
initial اس خصوصیت کو اپنی مقصد مقادیر کو دوبارہ تنظیم کروا. دیکھیئے initial
inherit اس خصوصیت کو اپنے والد عنصر سے وارث کروا. دیکھیئے inherit

تکنیکی تفصیلات

مقصد: 50% 50% 0
بازگشتی عمل: قسماً، علامت کی transform-origin کا خصوصیت
CSS ورژن: CSS3

براؤزر کی مدد

میں نکال شمار اعداد کو بیان می کروم جو پہلا مکمل پرنما براؤزر کا حوالہ دیتی ہیں جو اس خاص کا استعمال کرتا ہے。

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
36.0 10.0 16.0 9.0 23.0