Propriété user-select - interdiction de sélection du texte

La propriété user-select contrôle le comportement de la sélection du texte et des autres éléments sur la page.

Syntaxe

csssélecteur {
  user-select: none | contain | all | auto | text;
}

Valeur	Description
`none`	Le texte ne peut pas être sélectionné.
`contain`	La sélection commencée à l'intérieur de l'élément ne sortira pas des limites de cet élément.
`all`	Si un double-clic se produit dans un élément enfant, tout le contenu du parent avec cette valeur de propriété sera sélectionné.
`auto`	Valeur calculée, déterminée automatiquement comme suit : pour les pseudo-éléments `after` et `before` la valeur est `none`, pour un élément éditable la valeur est `contain`, si le parent de l'élément a la valeur `all` ou `none` - l'élément aura la même valeur, sinon la valeur sera `text`.
`text`	L'utilisateur peut sélectionner le texte dans l'élément.

Valeur par défaut : text.

Certaines valeurs peuvent ne pas fonctionner dans tous les navigateurs.

Le texte suivant ne peut pas être sélectionné :

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

css#elem {
  user-select: none;
}

Результат: