CSS transform-style অপারেশন

সংজ্ঞা ও ব্যবহার

transform-style অ্যাট্রিবিউটটি 3D স্পেসে 3D এলিমেন্টকে কিভাবে প্রদর্শন করবে তা নির্দেশ করে。

মন্তব্য:এই অ্যাট্রিবিউটটি অন্য অ্যাট্রিবিউটের সঙ্গে ব্যবহৃত হতে হবে transform অ্যাট্রিবিউটকে একসঙ্গে ব্যবহার করুন

CSS3 ট্যুটোরিয়াল:CSS3 2D ট্রান্সফর্ম

CSS3 ট্যুটোরিয়াল:CSS3 3D ট্রান্সফর্ম

HTML DOM রেফারেন্স ম্যানুয়েল:transformStyle অ্যাট্রিবিউট

কনভার্ট হওয়া সাব-এলিমেন্টকে 3D ট্রানসফর্ম রাখুন:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

transform-style: flat|preserve-3d;

মান	বর্ণনা
ফ্ল্যাট	সাব-এলিমেন্টগুলি 3D অবস্থান রাখবেন না
preserve-3d	সাব-এলিমেন্টগুলি 3D অবস্থান রাখবেন

ডিফল্ট মান:	ফ্ল্যাট
প্রত্যার্পণযোগ্যতা:	না
সংস্করণ:	CSS3
জেভাস্ক্রিপ্ট গ্রামার:	ওবজেক্ট.style.transformStyle="preserve-3d"

টেবিলের সংখ্যা এই অ্যাট্রিবিউটটির পূর্ণাঙ্গ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে。

যেসব সংখ্যা -webkit- বা -moz- দিয়ে ব্যবহৃত হয়, তা প্রথম সংস্করণের প্রিফিক্স ব্যবহার করা হয়。

Chrome	IE / Edge	Firefox	Safari	Opera
36.0 12.0 -webkit-	11.0	16.0 10.0 -moz-	9.0 4.0 -webkit-	23.0 15.0 -webkit-