СSS Свойство user-select
Пример
Запретить выделение текста элемента <div>:
div
{
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select:
none; /* IE 10+ */
user-select: none; /* Standard
syntax */
}
Редактор кода »
Определение и использование
Свойство user-select указывает, можно ли выделить текст элемента.
В веб-браузерах, если вы дважды щелкните на каком-то тексте, он будет выделен. Это свойство можно использовать для предотвращения.
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет Прочитайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.userSelect="none" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следует -webkit- или -moz- указывают первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| user-select | 54.0 6.0 -webkit- |
10.0 -ms- | 2.0 -moz- | 3.1 -webkit- | 41.0 15.0 -webkit- |
CSS Синтаксис
user-select: auto|none|text|all;
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| auto | По умолчанию. Текст может быть выбран, если браузер позволяет это | Воспроизвести » |
| none | Запретить выделение текста | Воспроизвести » |
| text | Текст может быть выбран пользователем | Воспроизвести » |
| all | Выделение текста производится одним щелчком мыши вместо двойного щелчка | Воспроизвести » |
Связанные страницы
HTML DOM Справочник: Свойство userSelect
