There is no item in the cart. If you want to buy, Please click here.
সিএসএস(CSS) টিউটোরিয়াল
সিএসএসের কার্সার বৈশিষ্ট্যটি আপনাকে ব্যবহারকারীর কাছে প্রদর্শন করা উচিত এমন কার্সারের ধরণ নির্দিষ্ট করতে দেয়।
এই সম্পত্তিটির একটি ভাল ব্যবহার হ'ল ফর্মগুলিতে জমা দেওয়া বোতামগুলির জন্য চিত্র ব্যবহার করা। ডিফল্টরূপে, যখন একটি কার্সার একটি লিঙ্কের উপরে ঘোরাফেরা করে, কার্সারটি একটি পয়েন্টার থেকে একটি হাতে পরিবর্তিত হয়। তবে এটি কোনও ফর্মের জমা বোতামের জন্য ফর্ম পরিবর্তন করে না। অতএব, যখনই কেউ একটি চিত্রের উপর ঝাঁকুনি দেয় যা জমা দেওয়া বোতাম হয়, এটি চিত্রটি ক্লিকযোগ্য এমন একটি ভিজ্যুয়াল ক্লু সরবরাহ করে
ব্যবহারকারীদের জন্য সহায়ক তথ্য যুক্ত করতে আপনার কেবল এই মানগুলি ব্যবহার করার চেষ্টা করা উচিত এবং জায়গাগুলিতে তারা সেই কার্সারটি দেখে আশা করবে। উদাহরণস্বরূপ, কেউ যখন কোনও লিঙ্কের উপরে ঘুরে বেড়ায় তখন ক্রসহায়ার ব্যবহার দর্শকদের বিভ্রান্ত করতে পারে।
উদাহরনঃ
<html>
<head>
</head>
<body>
<p>Move the mouse over the words to see the cursor change:</p>
<div style = "cursor:auto">Auto</div>
<div style = "cursor:crosshair">Crosshair</div>
<div style = "cursor:default">Default</div>
<div style = "cursor:pointer">Pointer</div>
<div style = "cursor:move">Move</div>
<div style = "cursor:e-resize">e-resize</div>
<div style = "cursor:ne-resize">ne-resize</div>
<div style = "cursor:nw-resize">nw-resize</div>
<div style = "cursor:n-resize">n-resize</div>
<div style = "cursor:se-resize">se-resize</div>
<div style = "cursor:sw-resize">sw-resize</div>
<div style = "cursor:s-resize">s-resize</div>
<div style = "cursor:w-resize">w-resize</div>
<div style = "cursor:text">text</div>
<div style = "cursor:wait">wait</div>
<div style = "cursor:help">help</div>
</body>
</html>
