CSS के साथ कर्सर बदलना - माउस कर्सर के प्रकार और CSS सेटिंग्स

Table of Contents - いろいろ Tips - 目次: Sitemap Generator - サイトマップ生成プログラム

In-Page Search - 検索を自ページ設置

Download Counter - ダウンロードカウンター

Draft Manager - ブラウザで下書き保存

Text Encryption - テキスト暗号・復号化

CSS & JavaScript - 圧縮・整形/復元ツール

Simple Yet Powerful Note Tool - メモメモ

Task Management - 仕事/やること管理

Local Storage Check - ローカルストレージチェック

Pixel Art - ピクセルアート作成

Freehand Drawing - フリーハンドドローイング

Pomodoro Timer - ポモドーロタイマー

Text Counter - 文字数カウント

Notepad - メモ帳

原稿用紙エディター

俳句・短歌下書きツール

ウィンドウサイズ

インターネット環境

タブを再び開く

Webページ最新状態

ページ内文字検索

スマホページ内検索

画像を加工する

Macでカラーコードを調べ

Mac用解凍ソフト

ショートカット

コピペの方法

右クリック禁止を回避

ローマ字かな入力変換表

ひらがな→ヘボン式ローマ字変換

ウェブページで長音ローマ字

ファイル差分チェック

音声合成

テキスト読み上げ

テキスト読み上げ書き方

全国公衆電話の場所

よく使う記号

キーボードの記号

キーボードの記号と入力方法

操作で使うキーの名称

CSSでカーソルを変える

CSS के साथ कर्सर बदलना
= माउस कर्सर के प्रकार और CSS सेटिंग्स =

वेबपेज पर, माउस कर्सर या माउस पॉइंटर का आकार CSS प्रॉपर्टी "cursor" का उपयोग करके सेट किया जा सकता है।
यह गाइड विभिन्न कर्सर आकारों के लिए CSS मानों और उन्हें सेट करने के तरीकों का अन्वेषण करता है।
आप प्रॉपर्टीज़ पर क्लिक करके उन्हें कॉपी कर सकते हैं। इस पृष्ठ में "cursor:copy" प्रॉपर्टी वाले कॉपी करने योग्य तत्व शामिल हैं।
प्रत्येक प्रॉपर्टी के लिए सैंपल इमेजेज़ प्रदान की गई हैं। हालांकि, आपका ऑपरेटिंग सिस्टम और ब्राउज़र संस्करण कर्सर के आकार को प्रभावित कर सकते हैं।
"On Mouse" अनुभागों पर होवर करने से आपके वातावरण में कर्सर कैसा दिखता है, यह देखा जा सकता है।

《सेट करने का तरीका》

यदि आप इसे किसी पृष्ठ पर कई सेक्शनों पर लागू करना चाहते हैं, तो इसे <head> सेक्शन या बाहरी CSS फ़ाइल में लिखना आम है।
".cursorstyle" एक कस्टम क्लास नाम है।

<style>
.cursorstyle {
cursor : pointer;
}
</style> कॉपी
"class" एट्रिब्यूट का उपयोग करके उपरोक्त CSS को लागू करने का उदाहरण।
<span class="cursorstyle">पाठ</span> कॉपी

<div class="cursorstyle">पाठ</div> कॉपी

<a class="cursorstyle">पाठ</a> कॉपी
जब इसे केवल एक सेक्शन या कुछ तत्वों पर लागू करना हो।
"style" एट्रिब्यूट का उपयोग करें और प्रॉपर्टी को सीधे लिखें।
<span style="cursor : pointer;">पाठ</span> कॉपी

<div style="cursor : pointer;">पाठ</div> कॉपी

《कर्सर के प्रकार और CSS मान》

CSS मान [कॉपी करने के लिए क्लिक करें]	OS में नमूना [ब्राउज़र के अनुसार भिन्न हो सकता है]		माउस-ओवर आकार पूर्वावलोकन	विवरण
CSS मान [कॉपी करने के लिए क्लिक करें]	Windows	Mac	माउस-ओवर आकार पूर्वावलोकन	विवरण
auto cursor: auto;			《माउस-ओवर》	ब्राउज़र संदर्भ के अनुसार कर्सर स्वचालित रूप से निर्धारित करता है
default cursor: default;			《माउस-ओवर》	मानक तीर दिखाता है
none cursor: none			《माउस-ओवर》	कर्सर नहीं दिखाता
context-menu cursor: context-menu			《माउस-ओवर》	संदर्भ मेनू का उपयोग करने की अनुमति देता है
help cursor: help			《माउस-ओवर》	सहायता आइटम
pointer cursor: pointer			《माउस-ओवर》	लिंक पर होवर करने पर आदि
progress cursor: progress			《माउस-ओवर》	कार्य संसाधित हो रहा है। उपयोगकर्ता इंटरैक्शन संभव है
wait cursor: wait			《माउस-ओवर》	कार्य संसाधित हो रहा है। उपयोगकर्ता इंटरैक्शन संभव नहीं है
cell cursor: cell			《माउस-ओवर》	चयन योग्य तालिका कक्ष
crosshair cursor: crosshair			《माउस-ओवर》	क्रॉस कर्सर, आमतौर पर बिटमैप पर चयन इंगित करता है
text cursor: text			《माउस-ओवर》	चयन योग्य पाठ
vertical-text cursor: vertical-text			《माउस-ओवर》	चयन योग्य ऊर्ध्वाधर पाठ
alias cursor: alias			《माउस-ओवर》	उपनाम या शॉर्टकट बना सकता है
copy cursor: copy			《माउस-ओवर》	कॉपी करने योग्य
move cursor: move			《माउस-ओवर》	स्थानांतरित करने योग्य
no-drop cursor: no-drop			《माउस-ओवर》	उस स्थान पर छोड़ा नहीं जा सकता
not-allowed cursor: not-allowed			《माउस-ओवर》	अनुरोधित क्रिया निष्पादित नहीं की जा सकती
grab cursor: grab			《माउस-ओवर》	खींचने योग्य, आमतौर पर grabbing के साथ जोड़ा जाता है
grabbing cursor: grabbing			《माउस-ओवर》	खींचते समय, grab के साथ जोड़ा जाता है
all-scroll cursor: all-scroll			《माउस-ओवर》	किसी भी दिशा में स्क्रॉल कर सकता है
col-resize cursor: col-resize			《माउस-ओवर》	क्षैतिज किनारे की गति के साथ परिवर्तनीय बॉक्स
row-resize cursor: row-resize			《माउस-ओवर》	ऊर्ध्वाधर किनारे की गति के साथ परिवर्तनीय बॉक्स
n-resize cursor: n-resize			《माउस-ओवर》	किनारे को उत्तर (ऊपर) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
w-resize cursor: w-resize			《माउस-ओवर》	किनारे को पश्चिम (बाएँ) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
s-resize cursor: s-resize			《माउस-ओवर》	किनारे को दक्षिण (नीचे) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
e-resize cursor: e-resize			《माउस-ओवर》	किनारे को पूर्व (दाएँ) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
nw-resize cursor: nw-resize			《माउस-ओवर》	किनारे को उत्तर-पश्चिम (बाएँ-ऊपर) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
ne-resize cursor: ne-resize			《माउस-ओवर》	किनारे को उत्तर-पूर्व (दाएँ-ऊपर) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
sw-resize cursor: sw-resize			《माउस-ओवर》	किनारे को दक्षिण-पश्चिम (बाएँ-नीचे) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
se-resize cursor: se-resize			《माउस-ओवर》	किनारे को दक्षिण-पूर्व (दाएँ-नीचे) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
ew-resize cursor: ew-resize			《माउस-ओवर》	द्वि-दिशात्मक क्षैतिज किनारे की गति के साथ परिवर्तनीय बॉक्स
ns-resize cursor: ns-resize			《माउस-ओवर》	द्वि-दिशात्मक ऊर्ध्वाधर किनारे की गति के साथ परिवर्तनीय बॉक्स
nesw-resize cursor: nesw-resize			《माउस-ओवर》	किनारे को उत्तर-पूर्व-दक्षिण-पश्चिम (दाएँ-ऊपर और बाएँ-नीचे) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
nwse-resize cursor: nwse-resize			《माउस-ओवर》	किनारे को उत्तर-पश्चिम-दक्षिण-पूर्व (बाएँ-ऊपर और दाएँ-नीचे) दिशा में स्थानांतरित करने वाला परिवर्तनीय बॉक्स
zoom-in cursor: zoom-in			《माउस-ओवर》	ज़ूम इन कर सकता है
zoom-out cursor: zoom-out			《माउस-ओवर》	ज़ूम आउट कर सकता है
URL	कोई भी छवि कर्सर के रूप में सेट की जा सकती है। छवि का आकार 128 × 128px तक सीमित है। नमूना छवि का आकार 70 × 70px है। 《माउस-ओवर》 .cursorimg {cursor: url(image-path), auto;} कॉपी करें ".cursorimg" कोई भी नाम हो सकता है। <div {cursor: url(image-path), auto;}>पाठ</div> कॉपी करें 《रेटिना डिस्प्ले समर्थन》 .cursorimg {cursor: -webkit-image-set(url(@1x-image) 1x, url(@2x-image) 2x), auto;} कॉपी करें

CSS के साथ कर्सर बदलना= माउस कर्सर के प्रकार और CSS सेटिंग्स =

CSS के साथ कर्सर बदलना
= माउस कर्सर के प्रकार और CSS सेटिंग्स =

おすすめサイト・関連サイト…