خصائص user-select CSS

التعريف والاستخدام

تحدد خاصية user-select ما إذا كان يمكن اختيار نص العنصر.

في متصفح الويب، إذا قمت بالنقر المزدوج على النص، سيتم اختيار النص أو تلوينه. تستخدم هذه الخاصية لمنع هذا السلوك.

يرجى الرجوع أيضًا إلى:

دليل DOM HTMLخصائص 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
قواعد اللغة الجافا سكربت: 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-