CSS user-select özelliği

Tanım ve kullanım

user-select özelliği, elementin metninin seçilebilir olup olmadığını belirler.

Web tarayıcılarında, metne çift tıkladığınızda, metin seçilebilir veya vurgulanabilir. Bu özellik, bu davranışı önlemek için kullanılır.

Ayrıca bakınız:

HTML DOM referans el kitabı:userSelect özelliği

Örnek

<div> elementinin metnini seçimi önleyin:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ ve Edge */
  user-select: none; /* Standart dilbilgisi */
}

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
auto Varsayılan. Eğer tarayıcı izin veriyorsa, metin seçilebilir.
none Metin seçimini önleyin.
text Metin kullanıcı tarafından seçilebilir.
all Metni tıklamak yerine çift tıklama yapın.

Teknik ayrıntılar

Varsayılan değer: auto
Devralma: Hayır
Animasyon yapımı: Desteklenmiyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.userSelect="none"

Tarayıcı desteği

Tablo, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Takip et -webkit-、-ms- veya -moz- sayısal ön ek kullanımının ilk sürümünü.

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-