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.

Кээ бир маанилер бардык браузерлерде иштебеши мүмкүн.

Төмөнкү текстти тандоого мүмкүн эмес:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  user-select: none;
}

Результат: