CSS কার্সর প্রতিভা

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

cursor প্রতিশব্দটি প্রদর্শন করা হয় যে কোনও ইন্ডেক্সের ধরন (আকৃতি) দেখানো হবে。

এই বৈশিষ্ট্যটি প্রদর্শন করা হয় যখন মাউস ইন্ডেক্স একটি ইলেকট্রনিকের সীমান্তের নির্দিষ্ট ক্ষেত্রে থাকে (কিন্তু CSS2.1 এই ক্ষেত্রটি কোনও সীমান্ত দ্বারা নির্দিষ্ট করেনি)。

অন্যান্য দেখুন:

CSS শিক্ষাক্রম:CSS স্থানান্তর

HTML DOM সংক্ষিপ্ত নির্দেশিকা:cursor অতিবিন্যাস

প্রয়োগ

কিছু ভিন্ন কার্যক্রম:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

আপনার নিজেই চেষ্টা করুন

CSS য়াকৃতি

cursor: value;

প্রকৃতির মান

মান বর্ণনা
url

ব্যবহার্য কার্যক্রমটির URL

মন্তব্য:এই তালিকার শেষেই একটি সাধারণ কার্যক্রমকে নির্দিষ্ট করুন, কারণ যদি URL-এর মাধ্যমে কোনও উপলব্ধ কার্যক্রম না থাকে

default ডিফল্ট কার্যক্রম (সাধারণত একটি তীর)
স্বয়ংক্রিয় ডিফল্ট
crosshair কার্যক্রমটি ক্রসহেয়ার ইনডিকেশন দেখায়
pointer কার্যক্রমটি লিঙ্কটি ইনডিকেশন দেখায় (একটি হাত)
move এই কার্যক্রমটি কোনও অবজেক্টকে সরিয়ে যাওয়ার সম্ভবতা দেখায়
e-resize এই কার্যক্রমটি একটি চতুর্ভুজ বাক্সের প্রান্তকে ডানে (পূর্ব) সরিয়ে যাওয়ার সম্ভবতা দেখায়
ne-resize এই কার্যক্রমটি একটি চতুর্ভুজ বাক্সের প্রান্তকে উপর এবং সম্ভবতা দেখায়
nw-resize এই কার্যক্রমটি একটি চতুর্ভুজ বাক্সের প্রান্তকে উপর এবং পশ্চিমে (উত্তর/পশ্চিম) সরিয়ে যাওয়ার সম্ভবতা দেখায়
n-resize এই কার্যক্রমটি একটি চতুর্ভুজ বাক্সের প্রান্তকে উপর (উত্তর) সরিয়ে যাওয়ার সম্ভবতা দেখায়
se-resize এই কার্যক্রমটি একটি চতুর্ভুজ বাক্সের প্রান্তকে নিচে এবং সম্ভবতা দেখায়
sw-resize এই কার্যক্রমটি একটি চতুর্ভুজ বাক্সের প্রান্তকে নিচে এবং ডানে (দক্ষিণ/পশ্চিম) সরিয়ে যাওয়ার সম্ভবতা দেখায়
s-resize এই কার্যক্রমটি একটি চতুর্ভুজ বাক্সের প্রান্তকে নিচে (দক্ষিণ) সরিয়ে যাওয়ার সম্ভবতা দেখায়
w-resize এই কার্যক্রমটি একটি চতুর্ভুজ বাক্সের প্রান্তকে ডানে (পশ্চিম) সরিয়ে যাওয়ার সম্ভবতা দেখায়
text এই কার্যক্রমটি টেক্সট ইনডিকেশন দেখায়
wait এই কার্যক্রমটি প্রগতিতে যাওয়ার ইনডিকেশন (সাধারণত একটি টেবিল বা একটি ঘড়ি) দেখায়
help এই কার্যক্রমটি সাহায্যদানকারীর ইনডিকেশন (সাধারণত একটি প্রশ্ন বা একটি বালুক) দেখায়

প্রযুক্তিগত বিস্তার

ডিফল্ট মান: স্বয়ংক্রিয়
পুনর্বিন্যস্ত করা হয়: হ্যাঁ
সংস্করণ: CSS2
JavaScript য়াকৃতি: object.style.cursor="crosshair"

TIY প্রয়োগ

কার্যক্রমটি পরিবর্তন
এই উদাহরণ থেকে কিভাবে কার্যক্রমটি পরিবর্তন করা যায়

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

টেবিলের সংখ্যা এই প্রক্রিয়াটি সম্পূর্ণভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে উল্লেখ করে

Chrome IE / Edge Firefox Safari Opera
৫.০ ৫.৫ ৪.০ ৫.০ ৯.৬

মন্তব্য:অপেরা ৯.৩ এবং স্যাফারি ৩ এই সমর্থন করে না url মান