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касиети,
чычканга реакцияны алып салат