Style transformOrigin attribute

Definition and usage

transformOrigin This attribute allows you to change the position of the transformed element.

2D transformation elements can change the x and y axes of the element. 3D transformation elements can also change the z-axis of the element.

note:This attribute must be with transform attribute use together.

see also:

JavaScript Style object:transform attribute

CSS reference manual:transform-origin অ্যাট্রিবিউট

example

set the basic position of the rotated element:

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

try it yourself

syntax

return transformOrigin attribute:

object.style.transformOrigin

set transformOrigin attribute:

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