Хосияти user-select - манъ кардани интихоби матн
Хосияти user-select рафтори интихоби матн ва дигар элементҳоро дар саҳифа идора мекунад.
Синтаксис
селектор {
user-select: none | contain | all | auto | text;
}
Қиматҳо
| Қиммат | Тавсиф |
|---|---|
none |
Матн интихоб намешавад. |
contain |
Интихоб, ки дар дохили элемент оғоз шудааст, аз ҳудуди ин элемент берун намебарояд. |
all |
Агар клики дукарата дар элементи часпондашуда рух диҳад, ҳамаи мундариҷаи волидайн бо ин қимати хосият интихоб карда мешавад. |
auto |
Қимати ҳисобкардашуда, ба таври худкор муайян карда мешавад:
барои псевдоэлементҳои after ва
before
қиммат баробар аст ба none, барои элементи таҳриршаванда
қиммат баробар аст ба contain, агар дар волидайни элемент қиммат
all ё none бошад - ҳамон қиммат барои худи элемент низ хоҳад буд,
дар акси ҳол қиммат text хоҳад буд.
|
text |
Истифодабар метавонад матнро дар элемент интихоб кунад. |
Қимати пешфарз: text.
Қайд
Баъзе қиматҳо метавонанд дар ҳамаи браузерҳо кор накунанд.
Намуна . Қимати none
Матни зеринро интихоб кардан мумкин нест:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Нигаред низ
-
псевдоэлементи
selection,
ки услубҳои матни интихобшударо идора мекунад -
хосияти
pointer-events,
ки реаксия ба муширо нест мекунад