備忘録的リファレンス

user-select

 user-selectは、閲覧時におけるテキストの選択方法を指定するプロパティです。 テキストの選択の可、不可または選択範囲を指定することができます。イメージといったエレメントの選択にも指定できます。

 none値でテキストや画像を選択させないようにすることもできます。

テキストをワンクリックですべて選択(Exampleを参照
user-select: all;

関連するプロパティ

 以下の関連するプロパティがあります。

resize閲覧ユーザーがサイズを変更可能に

構文(Syntax)

CSS

user-select: auto | none | text | all;

DOM(JavaScript)

値の取得
String=object.style.userSelect;
値の設定
object.style.userSelect="auto | none | text | all";

値(Values)

Value摘要
auto初期値。ブラウザで許可されている範囲で選択可
noneテキストの選択は不可
textテキストの選択を許可。
allクリックで全てを選択

備考(Remarks)

初期値(Default value)auto
継承(Inherited)No
CSS AnimationNo

Example

 user-selectの例です。閲覧ユーザーによるテキストの選択範囲が指定できます。

 テキストの選択範囲を予め指定することができます。inputやtextareaなどのform部品のテキストに利用できます。

 none値でテキストや画像を選択させないようにすることもできます。