user-select

Обновлено: 30.05.2022

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.

Браузеры

user-select

Посмотреть совместимость на Can I use?

user-select