CSS 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 |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.userSelect="none" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера followed by -webkit- or -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 Свойство