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 Свойство