Справочник · CSS

user-select: можно ли выделить текст

none запрещает выделение. text явно его разрешает. all выделяет всё содержимое по щелчку.

Как это работает

Запрет уместен на перетаскиваемой карточке или двойном щелчке по контролу, где выделение только мешает. Не запрещай выделять урок, код и адрес: человеку нужно скопировать пример. Для кода, наоборот, выделение должно быть удобным. Свойство не защищает текст от копирования из исходника страницы.

.knob { user-select: none; }
.code { user-select: text; }

Когда использовать

Элемент управления, который случайно выделяется при перетаскивании. Учебный текст не блокируй.

Частые ошибки

• Нельзя скопировать команду из урока.
• Запрет повесили на всю страницу.
• Ждали защиту контента, а исходник всё равно открывается.