cursor गुण किसी तत्व पर होवर करने पर कर्सर का रूप निर्धारित करता है।
सिंटैक्स
cssसिलेक्टर {
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
यह दिखाने के लिए उपयोग किया जाता है कि तत्व
माउस द्वारा सभी दिशाओं में स्क्रॉल किया जा सकता है।