Свойство 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,
которое убирает реакцию на мышь