CSS
.us-auto { user-select: auto; }
.us-text { user-select: text; }
.us-none { user-select: none; }
.us-contain { user-select: contain; }
.us-all { user-select: all; }
HTML
<div class="sample">
<div class="us-auto">デフォルトの動作となります(auto)。</div>
<div class="us-text">テキストを範囲選択できます(text)。</div>
<div class="us-none">テキストを範囲選択できません(none)。</div>
<div class="us-contain">要素内部のみ範囲選択することができます(contain)。</div>
<div class="us-all">クリックすると全体が選択されます(all)。</div>
</div>
表示
デフォルトの動作となります(auto)。
テキストを範囲選択できます(text)。
テキストを範囲選択できません(none)。
要素内部のみ範囲選択することができます(contain)。
クリックすると全体が選択されます(all)。