cursor गुण किसी तत्व पर होवर करने पर कर्सर का रूप निर्धारित करता है।
सिंटैक्स
सिलेक्टर {
cursor: मान;
}
टिप्पणी
इस गुण के बहुत सारे मान हैं। नीचे
मैंने इन मानों को समूहबद्ध किया है ताकि
उन्मुख होना आसान हो। कर्सर का रूप अलग-अलग
ब्राउज़रों में भिन्न होता है, इसलिए मैंने कर्सरों की
तस्वीरें नहीं बनाईं, बल्कि मानों वाली तालिकाओं में
एक विशेष कॉलम बनाया है, जिसकी सेल पर माउस होवर करके
आप वर्णित कर्सर का रूप देख सकते हैं।
मान
| मान |
विवरण |
रूप |
default |
पॉइंटर-तीर के रूप में मानक रूप।
|
|
pointer |
यह दिखाने के लिए उपयोग किया जाता है कि तत्व
सक्रिय है और उस पर क्लिक किया जा सकता है
(लिंक के लिए डिफ़ॉल्ट रूप से ऐसा ही होता है)।
|
|
help |
यह दिखाने के लिए उपयोग किया जाता है कि तत्व
से कोई सहायता या प्रश्न जुड़ा हुआ है।
|
|
not-allowed |
ऑपरेशन की अनुमति नहीं होने को दर्शाने के लिए उपयोग किया जाता है।
|
|
टेक्स्ट
| मान |
विवरण |
रूप |
text |
ऊर्ध्वाधर स्टिक के रूप में मानक टेक्स्ट कर्सर।
|
|
vertical-text |
ऊर्ध्वाधर टेक्स्ट के लिए टेक्स्ट कर्सर।
|
|
प्रतीक्षा
| मान |
विवरण |
रूप |
progress |
यह दिखाने के लिए उपयोग किया जाता है कि कोई
ऑपरेशन चल रहा है और उपयोगकर्ता को प्रतीक्षा करनी चाहिए।
|
|
wait |
यह दिखाने के लिए उपयोग किया जाता है कि उपयोगकर्ता
को प्रतीक्षा करनी चाहिए।
|
|
आकार बदलते समय कर्सर
तत्व का आकार बदलते समय गुण का मान
इस प्रकार बनता है: शब्द resize,
और उससे पहले हाइफ़न द्वारा कोई अक्षर या
कई अक्षर, उदाहरण के लिए: n-resize या ne-resize।
ये अक्षर दिशाओं के पहले अक्षर हैं:
north - उत्तर, south - दक्षिण, east - पूर्व,
west - पश्चिम। इस मामले में, इलाके के मानचित्रों के लिए
अपनाए गए समझौतों का उपयोग किया जाता है:
ऊपर उत्तर, नीचे दक्षिण, बाएं पश्चिम, दाएं
पूर्व। बेशक, यह भ्रमित करने वाला है, लेकिन जैसा बनाया गया है
वैसा ही उपयोग करना होगा:)
तो, यहाँ मान हैं:
| मान |
दिशा |
दिशा का नाम |
रूप |
n-resize |
ऊपर |
north |
|
ne-resize |
दाएं ऊपर |
nord east |
|
e-resize |
दाएं |
east |
|
se-resize |
दाएं नीचे |
south east |
|
s-resize |
नीचे |
south |
|
sw-resize |
बाएं नीचे |
south west |
|
w-resize |
बाएं |
west |
|
nw-resize |
बाएं ऊपर |
nord west |
|
nesw-resize |
दाएं ऊपर और बाएं नीचे |
nord east - south west |
|
nwse-resize |
बाएं ऊपर और दाएं नीचे |
nord west - south east |
|
दो तत्वों के आकार में परिवर्तन
| मान |
विवरण |
रूप |
col-resize |
क्षैतिज रूप से परिवर्तन। |
|
row-resize |
ऊर्ध्वाधर रूप से परिवर्तन। |
|
ज़ूम परिवर्तन
| मान |
विवरण |
रूप |
zoom-in |
ज़ूम बढ़ाना। |
|
zoom-out |
ज़ूम घटाना। |
|
चाल
| मान |
विवरण |
रूप |
move |
यह दिखाने के लिए उपयोग किया जाता है कि तत्व
को स्थानांतरित किया जा सकता है, या स्थानांतरित करने के क्षण में।
|
|
all-scroll |
यह दिखाने के लिए उपयोग किया जाता है कि तत्व
माउस द्वारा सभी दिशाओं में स्क्रॉल किया जा सकता है।
|
|
विविध
| मान |
विवरण |
रूप |
crosshair |
क्रॉसहेयर के रूप में रूप।
|
|
cell |
क्रॉसहेयर के रूप में रूप।
|
|