Клавиша / esc

user-select

Свойство CSS, которое разрешает или запрещает возможность выбора текста.

Время чтения: меньше 5 мин

Кратко

Скопировано

Свойство user-select определяет, может ли пользователь выбрать текст в элементе, для которого это свойство задано.

Пример

Скопировано

Добавим к тексту user-select, чтобы он не выделялся мышкой.

        
          
          p {  user-select: none;}
          p {
  user-select: none;
}

        
        
          
        
      
Открыть демо в новой вкладке

Как пишется

Скопировано
  • none — текст внутри элемента нельзя выделить и, как следствие, скопировать.
  • text — текст может быть выделен.
  • all — весь текст, включая текст в дочерних элементах, может быть выделен.
  • contain — может быть выделен только текст элемента, которому задано свойство.
  • auto — значение вычисляется в зависимости от элемента:
    • для редактируемого элемента (атрибут contenteditable) значение будет contain;
    • для псевдоэлементов ::before и ::after значение будет none;
    • значения user-select: all и user-select: none наследуются от родителя.
    • иначе значение будет text.

Подсказки

Скопировано

💡 Обычно свойство используется для интерактивных элементов на которые можно нажать, но выделение текста у них при этом нежелательно.