user-select प्रॉपर्टी - टेक्स्ट सिलेक्शन को रोकना
user-select प्रॉपर्टी
पेज पर टेक्स्ट और अन्य एलिमेंट्स के सिलेक्शन के व्यवहार को नियंत्रित करती है।
सिंटैक्स
cssसेलेक्टर {
user-select: none | contain | all | auto | text;
}
वैल्यूज
| वैल्यू | विवरण |
|---|---|
none |
टेक्स्ट सेलेक्ट नहीं होता है। |
contain |
एलिमेंट के अंदर शुरू किया गया सिलेक्शन उस एलिमेंट की सीमाओं से बाहर नहीं जाएगा। |
all |
यदि नेस्टेड एलिमेंट में डबल क्लिक किया जाता है, तो इस प्रॉपर्टी वैल्यू वाले पैरेंट की पूरी कंटेंट सेलेक्ट हो जाएगी। |
auto |
कैलकुलेटेड वैल्यू, स्वचालित रूप से निम्नानुसार निर्धारित की जाती है:
after और
before
प्स्यूडोएलिमेंट्स के लिए वैल्यू none के बराबर होती है, एडिटेबल एलिमेंट
के लिए वैल्यू contain के बराबर होती है, यदि एलिमेंट के पैरेंट की वैल्यू
all या none है - तो एलिमेंट की भी वही वैल्यू होगी,
अन्यथा वैल्यू text होगी।
|
text |
यूजर एलिमेंट में टेक्स्ट को सेलेक्ट कर सकता है। |
डिफॉल्ट वैल्यू: text.
नोट
कुछ वैल्यूज सभी ब्राउज़रों में काम नहीं कर सकती हैं।
उदाहरण . none वैल्यू
निम्नलिखित टेक्स्ट को सेलेक्ट करना असंभव है:
html<div id="elem">
Lorem ipsum dolor sit amet.
</div>css#elem {
user-select: none;
}
Результат:
यह भी देखें
-
प्स्यूडोएलिमेंट
selection,
जो सेलेक्ट किए गए टेक्स्ट की स्टाइल को नियंत्रित करता है -
प्रॉपर्टी
pointer-events,
जो माउस की प्रतिक्रिया को हटाती है