user-select प्रॉपर्टी - टेक्स्ट सिलेक्शन को रोकना

user-select प्रॉपर्टी पेज पर टेक्स्ट और अन्य एलिमेंट्स के सिलेक्शन के व्यवहार को नियंत्रित करती है।

सिंटैक्स

सेलेक्टर {
	user-select: none | contain | all | auto | text;
}

वैल्यूज

वैल्यू	विवरण
`none`	टेक्स्ट सेलेक्ट नहीं होता है।
`contain`	एलिमेंट के अंदर शुरू किया गया सिलेक्शन उस एलिमेंट की सीमाओं से बाहर नहीं जाएगा।
`all`	यदि नेस्टेड एलिमेंट में डबल क्लिक किया जाता है, तो इस प्रॉपर्टी वैल्यू वाले पैरेंट की पूरी कंटेंट सेलेक्ट हो जाएगी।
`auto`	कैलकुलेटेड वैल्यू, स्वचालित रूप से निम्नानुसार निर्धारित की जाती है: `after` और `before` प्स्यूडोएलिमेंट्स के लिए वैल्यू `none` के बराबर होती है, एडिटेबल एलिमेंट के लिए वैल्यू `contain` के बराबर होती है, यदि एलिमेंट के पैरेंट की वैल्यू `all` या `none` है - तो एलिमेंट की भी वही वैल्यू होगी, अन्यथा वैल्यू `text` होगी।
`text`	यूजर एलिमेंट में टेक्स्ट को सेलेक्ट कर सकता है।

डिफॉल्ट वैल्यू: text.

नोट

कुछ वैल्यूज सभी ब्राउज़रों में काम नहीं कर सकती हैं।

उदाहरण . none वैल्यू

निम्नलिखित टेक्स्ट को सेलेक्ट करना असंभव है:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	user-select: none;
}

यह भी देखें

प्स्यूडोएलिमेंट selection,
जो सेलेक्ट किए गए टेक्स्ट की स्टाइल को नियंत्रित करता है
प्रॉपर्टी pointer-events,
जो माउस की प्रतिक्रिया को हटाती है