user-select
Оновлено: 09.01.2023
user-select
Керує поведінкою виділення тексту та інших елементів на сторінці, зокрема, дає змогу заборонити виділення тексту. Зазвичай застосовується для інтерактивних елементів, на які можна клацати, наприклад, вкладки, і для яких виділення тексту не бажане.
Коротка інформація
| Значення за замовчуванням | auto |
| Успадковується | Так |
| Застосовується | До всіх елементів |
| Відсотковий запис | Не може бути застосована |
| Анімується | Ні |
Синтаксис
user-select: auto | none | text | all | containЗначення
| auto | Для редагованих елементів значення приймається contain. Якщо у батьківського елементу значення user-select встановлено як all, то для елемента воно теж буде all. Якщо у батьківського елементу значення user-select встановлено як none, то для елемента воно теж буде none. У всіх інших випадках приймається значення text. |
| none | Користувачеві заборонено виділяти елемент. |
| text | Користувач може виділити текст в елементі. |
| all | Дозволяє виділити текст усередині елемента, включно з дочірніми елементами. |
| contain | Дозволяє виділяти текст, але тільки всередині меж елемента. |
Приклад
Примітка
Internet Explorer і Edge підтримують властивість -ms-user-select.Chrome до версії 54, Opera до версії 41, Safari та Android підтримують властивість -webkit-user-select.
Firefox підтримує властивість -moz-user-select.
Значення contain підтримується тільки в IE.