HTML DOM স্টাইল কার্সার প্রপার্টি মাউস পয়েন্টার প্রদর্শন করার সময় কার্সারের ধরন নির্ধারণ বা পাওয়ার জন্য ব্যবহার করা হয়।
−
-এর সিনট্যাক্স নিচে দেওয়া হলকার্সার প্রপার্টি সেট করা হচ্ছে −
object.style.cursor=value
নিম্নলিখিত সারণী মান প্রদর্শন করে
| মান | বর্ণনা |
|---|---|
| উনাম৷ | Thecursor নির্দেশ করে যে কোনো কিছুর একটি উপনাম তৈরি করতে হবে |
| অল-স্ক্রোল | Thecursor নির্দেশ করে যে কিছু যেকোন দিকে স্ক্রোল করা যেতে পারে |
| অটো | ডিফল্ট৷ ব্রাউজারটি একটি কার্সার সেট করে৷ |
| সেল৷ | Thecursor নির্দেশ করে যে একটি ঘর (বা কোষের সেট) নির্বাচন করা হতে পারে |
| প্রসঙ্গ-মেনু | Thecursor নির্দেশ করে যে একটি প্রসঙ্গ-মেনু উপলব্ধ |
| কল-রিসাইজ | The কার্সার নির্দেশ করে যে কলামটি অনুভূমিকভাবে পুনরায় আকার দেওয়া যেতে পারে |
| কপি | The কার্সার নির্দেশ করে যে কিছু অনুলিপি করা হবে৷ |
| ক্রসশেয়ার | কার্সার একটি ক্রসহেয়ার হিসাবে রেন্ডার করে৷ |
| ডিফল্ট৷ | ডিফল্ট কার্সার |
| ই-রিসাইজ | The কার্সার নির্দেশ করে যে একটি বাক্সের একটি প্রান্ত ডানে (পূর্বে) সরানো হবে |
| ew-resize | দ্বিমুখী রিসাইজ কার্সার নির্দেশ করে৷ |
| দখল | Thecursor নির্দেশ করে যে কিছু ধরা যেতে পারে৷ |
| দখল | Thecursor নির্দেশ করে যে কিছু ধরা যেতে পারে৷ |
| সহায়তা৷ | Thecursor নির্দেশ করে যে সাহায্য উপলব্ধ |
| সরান৷ | The কার্সার নির্দেশ করে যে কিছু সরানো হবে |
| n-রিসাইজ | The কার্সার নির্দেশ করে যে একটি বাক্সের একটি প্রান্ত উপরে (উত্তরে) সরানো হবে |
| ne-resize | The কার্সার নির্দেশ করে যে একটি বাক্সের একটি প্রান্ত উপরে এবং ডানে (উত্তর/পূর্ব) সরানো হবে |
| new-resize | দ্বিমুখী রিসাইজ কার্সার নির্দেশ করে৷ |
| ns-resize | দ্বিমুখী রিসাইজ কার্সার নির্দেশ করে৷ |
| nw-resize | Thecursor নির্দেশ করে যে একটি বাক্সের একটি প্রান্ত উপরে এবং বামে (উত্তর/পশ্চিম) সরানো হবে |
| nwse-resize | দ্বিমুখী রিসাইজ কার্সার নির্দেশ করে৷ |
| নো-ড্রপ৷ | The কার্সার নির্দেশ করে যে টেনে আনা আইটেমটি এখানে ড্রপ করা যাবে না |
| কোনও নয়৷ | উপাদানটির জন্য নকার্সার রেন্ডার করা হয়৷ |
| অনুমোদিত৷ | Thecursor নির্দেশ করে যে অনুরোধ করা ক্রিয়াটি কার্যকর করা হবে না |
| পয়েন্টার৷ | Thecursor হল একটি পয়েন্টার এবং একটি লিঙ্ক নির্দেশ করে৷ |
| প্রগতি৷ | Thecursor নির্দেশ করে যে প্রোগ্রাম ব্যস্ত (প্রগতিতে) |
| সারির আকার পরিবর্তন করুন৷ | The কার্সার নির্দেশ করে যে সারিটি উল্লম্বভাবে পুনরায় আকার দেওয়া যেতে পারে |
| s-রিসাইজ৷ | Thecursor নির্দেশ করে যে একটি বাক্সের একটি প্রান্ত নীচে সরানো হবে (দক্ষিণে) |
| se-resize | The কার্সার নির্দেশ করে যে একটি বাক্সের একটি প্রান্ত নিচে এবং ডানে (দক্ষিণ/পূর্ব) সরানো হবে |
| sw-রিসাইজ | Thecursor নির্দেশ করে যে একটি বাক্সের একটি প্রান্ত নিচে এবং বামে (দক্ষিণ/পশ্চিম) সরানো হবে |
| পাঠ্য৷ | Thecursor ইঙ্গিত করে যে পাঠ্য নির্বাচন করা হতে পারে৷ |
| URL | কাস্টম কার্সারগুলিতে ইউআরএলগুলির অ্যাকমা আলাদা করা তালিকা৷ দ্রষ্টব্য:তালিকার শেষে সর্বদা একটি জেনেরিক কার্সার নির্দিষ্ট করুন, যদি URL-সংজ্ঞায়িত কার্সারগুলির কোনোটিই ব্যবহার করা না যায় |
| উল্লম্ব-পাঠ্য | Thecursor উলম্ব-পাঠ্য নির্দেশ করে যা নির্বাচন করা হতে পারে |
| w-রিসাইজ করুন৷ | The কার্সার নির্দেশ করে যে একটি বাক্সের একটি প্রান্ত বামে (পশ্চিমে) সরানো হবে |
| অপেক্ষা করুন৷ | Thecursor নির্দেশ করে যে প্রোগ্রামটি ব্যস্ত |
| জুম-ইন করুন৷ | Thecursor নির্দেশ করে যে কিছু জুম করা যেতে পারে৷ |
| জুম-আউট করুন৷ | Thecursor নির্দেশ করে যে কিছু জুম আউট করা যেতে পারে৷ |
| প্রাথমিক৷ | এই বৈশিষ্ট্যটিকে এটির ডিফল্ট মানতে সেট করে৷ |
| উত্তরাধিকার৷ | এই সম্পত্তিটি এর মূল উপাদান থেকে উত্তরাধিকারসূত্রে পায়৷ |
আসুন কার্সার বৈশিষ্ট্যের জন্য একটি উদাহরণ দেখি -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
#one {
background-color: beige;
}
#two {
background-color: lavender;
}
</style>
<script>
function changeCursor() {
document.getElementById("one").style.cursor = "cell";
document.getElementById("two").style.cursor = "grab";
document.getElementById("Sample").innerHTML="Hover over the first paragraph to see cursor change to cell and on second to see it change to grab icon";
}
</script>
</head>
<body>
<p id="one">This is some sample text inside first paragraph.This is some sample text inside first paragraph.This is some sample text inside first paragraph.This is some sample text inside first paragraph.</p>
<p id="two">This is some sample text inside second paragraph.This is some sample text inside second paragraph.This is some sample text inside second paragraph.This is some sample text inside second paragraph.</p>
<p>Change the cursor property by clicking the below button</p>
<button onclick="changeCursor()">Change Cursor</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
"কার্সার পরিবর্তন করুন ক্লিক করলে৷ ” বোতাম, কার্সার পরিবর্তিত হয়েছে এবং নীচের স্ক্রিনশটে একই দৃশ্য দেখা যাচ্ছে −
