Својството 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,
кое ја отстранува реакцијата на глушецот