স্টাইল পারসপেকটিভ এট্রিবিউট

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

মন্তব্য: এট্রিবিউট উপাদানটির 3D উপাদানকে দৃশ্যক্ষেত্র থেকে দূরত্ব সমাধান করে, পিক্সেলে অবস্থান করে। এই এট্রিবিউট দ্বারা 3D উপাদানকে দৃশ্যক্ষেত্র থেকে দূরত্ব সমাধান করা যায়。

এট্রিবিউট সমাধান করা হয়, মন্তব্য: যখন উপাদানকে

এই এট্রিবিউটকে সমাধান করার সময়, তার সাব-উপাদানগুলি পারসপেকটিভ প্রভাব পাবে, নয় উপাদানটি নিজেই。মন্তব্য: পারসপেকটিভ

এই এট্রিবিউটটি শুধুমাত্র 3D ট্রান্সফর্ম উপাদানকে প্রভাবিত করে。সুঝান: পারসপেকটিভ-অরিজিন এট্রিবিউট এই এট্রিবিউটকে সঙ্গে ব্যবহার করে, এভাবে আপনি 3D উপাদানের তলদিকের অবস্থান পরিবর্তন করতে পারেন。

আরও দেখুন:

JavaScript Style অবজেক্ট:পারসপেকটিভ-অরিজিন এট্রিবিউট

CSS সংরক্ষণ হান্ডবুক:পারসপেকটিভ এট্রিবিউট

উদাহরণ

দৃশ্যক্ষেত্রের প্রস্থ সমাধান করুন:

document.getElementById("myDIV").style.perspective = "50px";

আপনার হাতে পরীক্ষা করুন

সিনট্যাক্স

পারসপেকটিভ এট্রিবিউট ফলাফল:

অবজেক্ট.style.perspective

পারসপেকটিভ এট্রিবিউট সমাধান:

অবজেক্ট.style.perspective = "লেংথ|নোন"

এট্রিবিউট মান

মান বর্ণনা
লেংথ উপাদানটির দৃশ্যক্ষেত্র থেকে দূরত্ব, পিক্সেলে অবস্থান করে。
নোন ডিফল্ট মান। ০-এর সমতুল। পারসপেকটিভ না সমাধান করুন。
ইনিশিয়াল এই এট্রিবিউটকে তার ডিফল্ট মানে সমান করুন। দেখুন ইনিশিয়াল.
ইনহেরিট এই এট্রিবিউটটি পারিত উপাদান থেকে উত্তরাধিকার নেয়। দেখুন ইনহেরিট.

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: কোনও কিছু নয়
ফলাফল: শব্দতালিকা, যা উপাদানের পারসপেকটিভ এট্রিবিউট.
CSS সংস্করণ: CSS3

ব্রাউজার সমর্থন

সারণীতে দেওয়া সংখ্যা এই বৈশিষ্ট্যকে পূর্ণাত্মকভাবে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণকে নির্দেশ করে。

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
36.0 10.0 16.0 6.1 23.0