CSS Cursor প্রপার্টির উদাহরণ

ওভারভিউ

CSS cursor প্রপার্টি ব্যবহার করে আপনি ক্রসহেয়ার, প্লাস চিহ্ন, পয়েন্টার ইত্যাদি দেখাতে পারেন। নিচের কোড চালিয়ে CSS-এ cursor প্রপার্টি বাস্তবায়ন করুন:

উদাহরণ

<html>
    <head>
    </head>
    <body>
        <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>

উপরে নিচের মানগুলো যোগ করা হয়েছে:

মান	বিবরণ
auto	কন্টেক্সট এরিয়ার উপর নির্ভর করে কার্সরের আকার। উদাহরণস্বরূপ, টেক্সটের ওপর 'I', লিংকের ওপর 'হাত', ইত্যাদি।
crosshair	ক্রসহেয়ার বা প্লাস চিহ্ন
default	একটি তীর চিহ্ন
pointer	একটি নির্দেশকারী হাত (IE 4-এ এই মান হাত)।
move	'I' বার
e-resize	কার্সর ইঙ্গিত দেয় যে একটি বক্সের প্রান্ত ডানে (east) সরাতে হবে।
ne-resize	কার্সর ইঙ্গিত দেয় যে একটি বক্সের প্রান্ত উপরে এবং ডানে (north/east) সরাতে হবে।
nw-resize	কার্সর ইঙ্গিত দেয় যে একটি বক্সের প্রান্ত উপরে এবং বামে (north/west) সরাতে হবে।
n-resize	কার্সর ইঙ্গিত দেয় যে একটি বক্সের প্রান্ত উপরে (north) সরাতে হবে।
se-resize	কার্সর ইঙ্গিত দেয় যে একটি বক্সের প্রান্ত নিচে এবং ডানে (south/east) সরাতে হবে।
sw-resize	কার্সর ইঙ্গিত দেয় যে একটি বক্সের প্রান্ত নিচে এবং বামে (south/west) সরাতে হবে।
s-resize	কার্সর ইঙ্গিত দেয় যে একটি বক্সের প্রান্ত নিচে (south) সরাতে হবে।
w-resize	কার্সর ইঙ্গিত দেয় যে একটি বক্সের প্রান্ত বামে (west) সরাতে হবে।
text	I বার।
wait	একটি আওয়ার গ্লাস।
help	একটি প্রশ্নচিহ্ন বা ব্যালুন, হেল্প বাটনের ওপর ব্যবহার করার জন্য আদর্শ।
<url>	একটি কার্সর ইমেজ ফাইলের সোর্স।