ویژگی user-select CSS

تعریف و استفاده

ویژگی user-select تعیین می‌کند که آیا متن یک عنصر قابل انتخاب است یا خیر.

در مرورگرهای وب، اگر شما روی متن دوبار کلیک کنید، متن انتخاب یا برجسته می‌شود. این ویژگی برای جلوگیری از این رفتار استفاده می‌شود.

لطفاً به: مراجعه کنید

دستورالعمل مرجع HTML DOM:ویژگی userSelect

مثال

جلوگیری از انتخاب متن <div> عناصر:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ و Edge */
  user-select: none; /* نحوه استاندارد */
}

آزمایش کنید

جمله‌بندی CSS

user-select: auto|none|text|all;

مقدار ویژگی

مقدار توضیح
auto پیش‌فرض. اگر مرورگر اجازه دهد، می‌توان متن را انتخاب کرد.
none جلوگیری از انتخاب متن.
text متنی که توسط کاربر قابل انتخاب است.
all برای انتخاب متن، کلیک کنید، نه دوبار کلیک.

جزئیات فنی

مقدار پیش‌فرض: auto
ارث‌برداری: خیر
انیمیشن‌سازی: پشتیبانی نمی‌شود. لطفاً به: مراجعه کنیدویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
جمله‌بندی JavaScript: object.style.userSelect="none"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگرهایی هستند که از این ویژگی به طور کامل پشتیبانی می‌کنند.

دنبال -webkit-،-ms- یا -moz-، نسخه اولین پیشوند استفاده شده را بر اساس مقررات عددی دنبال کنید.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-