Proprietatea user-select - interzicerea selecției textului

Proprietatea user-select controlează comportamentul selecției textului și a altor elemente de pe pagină.

Sintaxă

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

Valoare	Descriere
`none`	Textul nu poate fi selectat.
`contain`	Selecția începută în interiorul elementului nu va ieși dincolo de limitele acestui element.
`all`	Dacă dublu-clicul a avut loc într-un element imbricat, va fi selectat întreg conținutul părintelui cu această valoare a proprietății.
`auto`	Valoare calculată, determinată automat după cum urmează: pentru pseudoelementele `after` și `before` valoarea este `none`, pentru elementul editabil valoarea este `contain`, dacă părintele elementului are valoarea `all` sau `none` - la fel va fi și pentru elementul însuși, altfel valoarea va fi `text`.
`text`	Utilizatorul poate selecta textul din element.

Valoare implicită: text.

Unele valori pot să nu funcționeze în toate browserele.

Următorul text nu poate fi selectat:

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

css#elem {
  user-select: none;
}

Результат: