cursorसीएसएस नियंत्रण में संपत्ति क्या माउस कर्सर जब यह तत्व है, जिसमें इस संपत्ति के लिए निर्धारित है पर स्थित है की तरह दिखाई देगा। जाहिर है, यह केवल ब्राउज़र / ऑपरेटिंग सिस्टम में प्रासंगिक है जिसमें एक माउस और कर्सर है। वे निश्चित कार्यक्षमता के विचार को संप्रेषित करने के लिए यूएक्स के लिए अनिवार्य रूप से उपयोग किए जाते हैं। इसलिए कोशिश करें कि उस खर्च को न तोड़ें।
उनमें से एक गुच्छा हैं:
.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; ) .all-scroll ( cursor: all-scroll; ) .col-resize ( cursor: col-resize; ) .row-resize ( cursor: row-resize; ) .n-resize ( cursor: n-resize; ) .e-resize ( cursor: e-resize; ) .s-resize ( cursor: s-resize; ) .w-resize ( cursor: w-resize; ) .ns-resize ( cursor: ns-resize; ) .ew-resize ( cursor: ew-resize; ) .ne-resize ( cursor: ne-resize; ) .nw-resize ( cursor: nw-resize; ) .se-resize ( cursor: se-resize; ) .sw-resize ( cursor: sw-resize; ) .nesw-resize ( cursor: nesw-resize; ) .nwse-resize ( cursor: nwse-resize; )कर्सर एक छवि भी हो सकता है:
.custom ( cursor: url(images/my-cursor.png.webp), auto; )कुछ WebKit केवल अभिशाप:
-webkit-zoom-in -webkit-zoom-out -webkit-zoom-grab -webkit-zoom-grabbingअधिक जानकारी
- CSS बेसिक यूजर इंटरफेस मॉड्यूल लेवल 3
- मोज़िला डॉक्स
ब्राउज़र का समर्थन
यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।
डेस्कटॉप
| क्रोम | फ़ायर्फ़ॉक्स | अर्थात | एज | सफारी |
|---|---|---|---|---|
| ५ | ४ | ९ | १४ | ५ |
मोबाइल / टेबलेट
| Android क्रोम | Android फ़ायरफ़ॉक्स | एंड्रॉयड | iOS सफारी |
|---|---|---|---|
| 88 | नहीं न | 81 | नहीं न |
और नए मूल्यों के लिए, जैसे zoom-inऔर zoom-out:
यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।
डेस्कटॉप
| क्रोम | फ़ायर्फ़ॉक्स | अर्थात | एज | सफारी |
|---|---|---|---|---|
| 4 * | 2 * | नहीं न | १२ | 3.1 * |
मोबाइल / टेबलेट
| Android क्रोम | Android फ़ायरफ़ॉक्स | एंड्रॉयड | iOS सफारी |
|---|---|---|---|
| 88 | नहीं न | 81 | नहीं न |