user-select
Обновлено: 09.01.2023
user-select
Управляет поведением выделения текста и других элементов на странице, в частности, позволяет запретить выделение текста. Обычно применяется для интерактивных элементов, на которые можно щёлкать, например, вкладки, и для которых выделение текста нежелательно.
Краткая информация
| Значение по умолчанию | auto |
| Наследуется | Да |
| Применяется | Ко всем элементам |
| Процентная запись | Неприменима |
| Анимируется | Нет |
Синтаксис
user-select: auto | none | text | all | containЗначения
| auto | Для редактируемых элементов значение принимается contain. Если у родителя значение user-select установлено как all, то для элемента оно тоже будет all. Если у родителя значение user-select установлено как none, то для элемента оно тоже будет none. Во всех остальных случаях принимается значение text. |
| none | Пользователю запрещено выделять элемент. |
| text | Пользователь может выделить текст в элементе. |
| all | Позволяет выделить текст внутри элемента, включая дочерние элементы. |
| contain | Позволяет выделять текст, но только внутри границ элемента. |
Пример
Примечание
Internet Explorer и Edge поддерживают свойство -ms-user-select.
Chrome до версии 54, Opera до версии 41, Safari и Android поддерживают свойство -webkit-user-select.
Firefox поддерживает свойство -moz-user-select.
Значение contain поддерживается только в IE.