user-select Özelliği - Metin Seçimini Yasaklama

user-select özelliği, sayfadaki metin ve diğer öğelerin seçilme davranışını kontrol eder.

Sözdizimi

cssseçici {
  user-select: none | contain | all | auto | text;
}

Değer	Açıklama
`none`	Metin seçilemez.
`contain`	Öğe içinde başlayan seçim, bu öğenin sınırlarının dışına çıkamaz.
`all`	İç içe geçmiş bir öğede çift tıklama yapılırsa, bu özellik değerine sahip üst öğenin tüm içeriği seçilir.
`auto`	Hesaplanan değer, otomatik olarak şu şekilde belirlenir: `after` ve `before` sözde öğeleri için değer `none`, düzenlenebilir bir öğe için değer `contain`, eğer üst öğenin değeri `all` veya `none` ise - öğenin kendisi için de aynı olur, aksi takdirde değer `text` olur.
`text`	Kullanıcı öğe içindeki metni seçebilir.

Varsayılan değer: text.

Bazı değerler tüm tarayıcılarda çalışmayabilir.

Aşağıdaki metin seçilemez:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  user-select: none;
}

Результат: