user-select xususiyati - matnni tanlashni taqiqlash

user-select xususiyati sahifadagi matn va boshqa elementlarni tanlash xatti-harakatlarini boshqaradi.

Sintaksis

cssselector {
  user-select: none | contain | all | auto | text;
}

Qiymat	Tavsif
`none`	Matn tanlanmaydi.
`contain`	Element ichida boshlangan tanlash ushbu element chegarasidan tashqariga chiqmaydi.
`all`	Agar ichki elementda ikki marta bosilgan bo'lsa, ushbu xususiyat qiymatiga ega bo'lgan ota-onaning barcha tarkibi tanlanadi.
`auto`	Hisoblanadigan qiymat, avtomatik ravishda quyidagicha aniqlanadi: `after` va `before` psevdoelementlari uchun qiymat `none` ga teng, tahrirlanadigan element uchun qiymat `contain` ga teng, agar ota-ona elementining qiymati `all` yoki `none` bo'lsa - elementning o'zida ham xuddi shunday bo'ladi, aks holda qiymat `text` bo'ladi.
`text`	Foydalanuvchi elementdagi matnni tanlashi mumkin.

Standart qiymat: text.

Ba'zi qiymatlar barcha brauzerlarda ishlamasligi mumkin.

Quyidagi matnni tanlab bo'lmaydi:

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

css#elem {
  user-select: none;
}

Результат: