Хосияти user-select - манъ кардани интихоби матн

Хосияти user-select рафтори интихоби матн ва дигар элементҳоро дар саҳифа идора мекунад.

Синтаксис

cssселектор {
  user-select: none | contain | all | auto | text;
}

Қиматҳо

Қиммат Тавсиф
none Матн интихоб намешавад.
contain Интихоб, ки дар дохили элемент оғоз шудааст, аз ҳудуди ин элемент берун намебарояд.
all Агар клики дукарата дар элементи часпондашуда рух диҳад, ҳамаи мундариҷаи волидайн бо ин қимати хосият интихоб карда мешавад.
auto Қимати ҳисобкардашуда, ба таври худкор муайян карда мешавад: барои псевдоэлементҳои after ва before қиммат баробар аст ба none, барои элементи таҳриршаванда қиммат баробар аст ба contain, агар дар волидайни элемент қиммат all ё none бошад - ҳамон қиммат барои худи элемент низ хоҳад буд, дар акси ҳол қиммат text хоҳад буд.
text Истифодабар метавонад матнро дар элемент интихоб кунад.

Қимати пешфарз: text.

Қайд

Баъзе қиматҳо метавонанд дар ҳамаи браузерҳо кор накунанд.

Намуна . Қимати none

Матни зеринро интихоб кардан мумкин нест:

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

Результат:

Нигаред низ

  • псевдоэлементи selection,
    ки услубҳои матни интихобшударо идора мекунад
  • хосияти pointer-events,
    ки реаксия ба муширо нест мекунад