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