Уласцівасць user-select - забарона вылучэння тэксту
Уласцівасць 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,
якое прыбірае рэакцыю на мыш