# Свойство user-select - запрет выделения текста

Свойство `user-select` управляет поведением выделения текста и других элементов на странице.

## Синтаксис

`селектор { user-select: none | contain | all | auto | text; }`

## Значения

Значение | Описание
--- | ---
`none` | Текст не выделяется.
`contain` | Выделение, начатое внутри элемента не выйдет за пределы этого элемента.
`all` | Если двойной клик произошел во вложенном элементе, будет выбрано все содержимое родителя с этим значением свойства.
`auto` | Вычисляемое значение, автоматически определяется следующим образом: для псевдоэлементов `after` и `before` значение равно `none`, для редактируемого элемента значение равно `contain`, если у родителя элемента значение `all` или `none` - такое же будет и у самого элемента, иначе значение будет `text`.
`text` | Пользователь может выделить текст в элементе.

Значение по умолчанию: `text`.

## Примечание

Некоторые значения могут работать не во всех браузерах.

## Пример . Значение none

Следующий текст невозможно выделить:

`<div id="elem"> Lorem ipsum dolor sit amet. </div>` `#elem { user-select: none; }`

:

## Смотрите также

- псевдоэлемент `selection`,
  который управляет стилями выделенного текста
- свойство `pointer-events`,
  которое убирает реакцию на мышь

← →
↑
en ru