CSS cursor गुण

परिभाषा और उपयोग

cursor विशेषता दर्शाने वाली कर्सर के प्रकार (आकृति) को निर्धारित करती है।

यह विशेषता एक तत्व के घेरे की सीमा के भीतर आए जब आइटम पर माउस स्पटर रखा जाता है तब इसके लिए इस्तेमाल की जाने वाली कर्सर आकृति को परिभाषित करती है (यद्यपि CSS2.1 इस सीमा को निर्धारित करने के लिए कोई सीमा नहीं निर्धारित करता है)।

अन्य संदर्भ:

CSS शिक्षा:CSS स्थानांतरण

HTML DOM संदर्भ दस्तावेज़:cursor गुण

उदाहरण

कुछ अलग-अलग कर्सर:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

अपने आप प्रयोग करें

CSS व्याकरण

cursor: value;

गुण मूल्य

मूल्य वर्णन
url

स्वयं कृत कर्सर के लिए इस्तेमाल करने वाली URL。

टिप्पणी：इस सूची के अंत में हमेशा एक साधारण कर्सर को परिभाषित करें, यदि URL द्वारा उपलब्ध कर्सर नहीं है。
default मूलभूत कर्सर (आमतौर पर एक बोली है)。
ऑटो मूलभूत. ब्राउज़र द्वारा सेट किए गए कर्सर。
crosshair कर्सर प्रतीक दूरीवर्ती रेखा है。
pointer कर्सर प्रतीक लिंक के संकेतक (एक हाथ) के रूप में प्रस्तुत होता है。
move यह कर्सर किसी वस्तु को ले जाने वाला है。
e-resize यह कर्सर दायाँ दिशा में ले जाने वाले घेरे के किनारे को संकेत करता है (पूर्व)。
ne-resize यह कर्सर ऊपर और दायाँ दिशा में ले जाने वाले घेरे के किनारे को संकेत करता है (उत्तर/पूर्व)。
nw-resize यह कर्सर ऊपर और दायाँ दिशा में ले जाने वाले घेरे के किनारे को संकेत करता है (उत्तर/पश्चिम)。
n-resize यह कर्सर ऊपर दिशा में ले जाने वाले घेरे के किनारे को संकेत करता है (उत्तर)。
se-resize यह कर्सर नीचे और दायाँ दिशा में ले जाने वाले घेरे के किनारे को संकेत करता है (दक्षिण/पूर्व)。
sw-resize यह कर्सर नीचे और दायाँ दिशा में ले जाने वाले घेरे के किनारे को संकेत करता है (दक्षिण/पश्चिम)。
s-resize यह कर्सर नीचे दिशा में ले जाने वाले घेरे के किनारे को संकेत करता है (दक्षिण)。
w-resize यह कर्सर दायाँ दिशा में ले जाने वाले घेरे के किनारे को संकेत करता है (पश्चिम)。
text यह कर्सर पाठ को संकेत करता है。
wait यह कर्सर कार्यक्रम व्यस्त हो रहा है को संकेत करता है (आमतौर पर एक टेबल या घूमटी है)。
help यह कर्सर उपलब्ध सहायता को संकेत करता है (आमतौर पर एक प्रश्न चिह्न या बालून है)。

तकनीकी विवरण

मूलभूत मूल्य： ऑटो
विरासत: हाँ
संस्करण： CSS2
जेसक्रिप्ट व्याकरण： object.style.cursor="crosshair"

TIY उदाहरण

कर्सर बदलना
इस उदाहरण में दिखाया गया है कि कैसे कर्सर को बदला जाता है。

ब्राउज़र समर्थन

टेबल में दिए गए नंबरों से पूर्ण समर्थन प्राप्त करने वाले पहले ब्राउज़र का संस्करण निर्दिष्ट किया गया है。

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

टिप्पणी：ओपेरा 9.3 और सैफारी 3 इसका समर्थन नहीं करते url मूल्य。