خاصية تحديد المستخدم لـ CSS
مثال
منع تحديد النص لعنصر <div>:
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
التعريف والاستخدام
تحدد الخاصية ما إذا كان يمكن user-select
تحديد نص عنصر أم لا.
في متصفحات الويب ، إذا نقرت نقرًا مزدوجًا على نص ما ، فسيتم تحديده / تمييزه. يمكن استخدام هذه الخاصية لمنع هذا.
القيمة الافتراضية: | تلقاءي |
---|---|
وارث: | رقم |
متحرك: | رقم. اقرأ عن animatable |
الإصدار: | CSS3 |
بناء جملة JavaScript: | الكائن .style.userSelect = "لا شيء" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
تحدد الأرقام المتبوعة بـ -webkit- أو -moz- الإصدار الأول الذي يعمل مع بادئة.
Property | |||||
---|---|---|---|---|---|
user-select | 54.0 6.0 -webkit- |
79.0 10.0 -ms- |
69.0 2.0 -moz- |
3.1 -webkit- | 41.0 15.0 -webkit- |
بنية CSS
user-select: auto|none|text|all;
قيم الملكية
Value | Description | Play it |
---|---|---|
auto | Default. Text can be selected if the browser allows it | |
none | Prevent text selection | |
text | The text can be selected by the user | |
all | Text selection is made with one click instead of a double-click |
الصفحات ذات الصلة
مرجع DOM HTML: المستخدم حدد الخاصية