| 属性名 | user-select |
|---|---|
| 値 | auto | text | none | contain | all |
| 初期値 | auto |
| 適用可能要素 | テキスト |
| 継承 | 継承しない。 |
| サポート | https://caniuse.com/?search=user-select |
| 値 | 説明 |
|---|---|
| auto | デフォルトの動作となります。 |
| text | テキストを範囲選択することができます。 |
| none | 選択できなくなります。 |
| contain | 要素の内部を範囲選択することができます。要素の外部まで選択することはできません。まだあまり実装されていません。 |
| all | 要素の一部をクリックすると要素全体が選択されます。 |
.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; }
<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>