Уласцівасць user-select - забарона вылучэння тэксту

Уласцівасць user-select кіруе паводзінамі вылучэння тэксту і іншых элементаў на старонцы.

Сінтаксіс

cssселектар {
  user-select: none | contain | all | auto | text;
}

Значэнні

Значэнне Апісанне
none Тэкст не вылучаецца.
contain Вылучэнне, пачатае ўнутры элемента, не выйдзе за межы гэтага элемента.
all Калі падвойны клік адбыўся ва ўкладзеным элеменце, будзе абрана ўсё змесціва бацькі з гэтым значэннем уласцівасці.
auto Вылічанае значэнне, аўтаматычна вызначаецца наступным чынам: для псеўдаэлементаў after і before значэнне роўнае none, для элемента, які рэдагуецца, значэнне роўнае contain, калі ў бацькі элемента значэнне all або none - такое ж будзе і ў самога элемента, інакш значэнне будзе text.
text Карыстальнік можа вылучыць тэкст у элеменце.

Значэнне па змаўчанні: text.

Заўвага

Некаторыя значэнні могуць працаваць не ва ўсіх браўзерах.

Прыклад . Значэнне none

Наступны тэкст немагчыма вылучыць:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  user-select: none;
}

Результат:

Глядзіце таксама

  • псеўдаэлемент selection,
    які кіруе стылямі вылучанага тэксту
  • уласцівасць pointer-events,
    якое прыбірае рэакцыю на мыш