User-select xassəsi - mətni seçməni qadağan etmə

user-select xassəsi səhifədə mətnin və digər elementlərin seçilmə davranışını idarə edir.

Sintaksis

cssselektor {
  user-select: none | contain | all | auto | text;
}

Qiymətlər

Qiymət İzah
none Mətn seçilmir.
contain Elementin daxilində başlayan seçim bu elementin hüdudlarından kənara çıxmaz.
all Əgər daxili elementdə cüt klik edilibsə, bu xassə qiyməti olan valideynin bütün məzmunu seçiləcək.
auto Hesablanan qiymət, avtomatik olaraq aşağıdakı kimi müəyyən edilir: after və before pseudoelementləri üçün qiymət none-a bərabərdir, redaktə edilə bilən element üçün qiymət contain-a bərabərdir, əgər valideyn elementin qiyməti all və ya none-dırsa - elementin özü üçün də eyni olacaq, əks halda qiymət text olacaq.
text İstifadəçi elementdəki mətni seçə bilər.

Standart qiymət: text.

Qeyd

Bəzi qiymətlər bütün brauzerlərdə işləməyə bilər.

Nümunə . None qiyməti

Aşağıdakı mətni seçmək mümkün deyil:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  user-select: none;
}

Результат:

Həmçinin bax

  • selection pseudoelementi,
    seçilmiş mətnin stilini idarə edir
  • pointer-events xassəsi,
    sichana reaksiyanı aradan qaldırır