CSSユーザー選択プロパティ
例
<div>要素のテキスト選択を防止します。
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
定義と使用法
このuser-selectプロパティは、要素のテキストを選択できるかどうかを指定します。
Webブラウザーでは、テキストをダブルクリックすると、そのテキストが選択/強調表示されます。このプロパティは、これを防ぐために使用できます。
| デフォルト値： | 自動 |
|---|---|
| 遺伝性の： | いいえ |
| アニメート可能： | 番号。アニメート可能について読む |
| バージョン： | CSS3 |
| JavaScript構文： | object .style.userSelect = "none" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
数字の後に-webkit-または-moz-が続く場合は、プレフィックスを使用して機能した最初のバージョンを指定します。
| Property | |||||
|---|---|---|---|---|---|
| user-select | 54.0 6.0 -webkit- |
79.0 10.0 -ms- |
69.0 2.0 -moz- |
3.1 -webkit- | 41.0 15.0 -webkit- |
CSS構文
user-select: auto|none|text|all;
プロパティ値
| Value | Description | Play it |
|---|---|---|
| auto | Default. Text can be selected if the browser allows it | |
| none | Prevent text selection | |
| text | The text can be selected by the user | |
| all | Text selection is made with one click instead of a double-click |
関連ページ
HTML DOMリファレンス：userSelectプロパティ