Delete
Do Record
Setting
Add New Item
Menu List
| Title | Content Type | Order | Action | ||||||
|---|---|---|---|---|---|---|---|---|---|
| {{kb_content.name}} {{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
| {{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
| No record | |||||||||
Status: published
Programming, Software and application
2020-10-03 12:17:22
CSS - Cursors
247
সিএসএস একটি সহজ এবং সহজ উপায়ে ওয়েব ডকুমেন্টের স্টাইল নিয়ন্ত্রণ করতে ব্যবহৃত হয়। সিএসএস হ'ল "ক্যাসকেডিং স্টাইল শীট" এর সংক্ষিপ্ত রূপ। এই টিউটোরিয়ালটি সিএসএস 1, সিএসএস 2 এবং সিএসএস 3 উভয় সংস্করণকে কভার করে এবং সিএসএসের সম্পূর্ণ ধারণা দেয়, এটির প্রাথমিক থেকে শুরু করে উন্নত ধারণাগুলি পর্যন্ত
এই কোর্সে যা থাকছে
৩টি বিষয়
৮০টি লাইভ ক্লাস
সিএসএসের কার্সার বৈশিষ্ট্যটি আপনাকে ব্যবহারকারীর কাছে প্রদর্শন করা উচিত এমন কার্সারের ধরণ নির্দিষ্ট করতে দেয়।
এই সম্পত্তিটির একটি ভাল ব্যবহার হ'ল ফর্মগুলিতে জমা দেওয়া বোতামগুলির জন্য চিত্র ব্যবহার করা। ডিফল্টরূপে, যখন একটি কার্সার একটি লিঙ্কের উপরে ঘোরাফেরা করে, কার্সারটি একটি পয়েন্টার থেকে একটি হাতে পরিবর্তিত হয়। তবে এটি কোনও ফর্মের জমা বোতামের জন্য ফর্ম পরিবর্তন করে না। অতএব, যখনই কেউ একটি চিত্রের উপর ঝাঁকুনি দেয় যা জমা দেওয়া বোতাম হয়, এটি চিত্রটি ক্লিকযোগ্য এমন একটি ভিজ্যুয়াল ক্লু সরবরাহ করে
ব্যবহারকারীদের জন্য সহায়ক তথ্য যুক্ত করতে আপনার কেবল এই মানগুলি ব্যবহার করার চেষ্টা করা উচিত এবং জায়গাগুলিতে তারা সেই কার্সারটি দেখে আশা করবে। উদাহরণস্বরূপ, কেউ যখন কোনও লিঙ্কের উপরে ঘুরে বেড়ায় তখন ক্রসহায়ার ব্যবহার দর্শকদের বিভ্রান্ত করতে পারে।
উদাহরনঃ
<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>