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