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;
}

Результат: