Vlastnosť user-select - zákaz zvýrazňovania textu

Vlastnosť user-select riadi správanie zvýrazňovania textu a iných prvkov na stránke.

Syntax

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

Hodnota	Popis
`none`	Text sa nedá zvýrazniť.
`contain`	Zvýraznenie začaté vo vnútri prvku nepresiahne medze tohto prvku.
`all`	Ak dvojklik nastane vo vnorenom prvku, vyberie sa celý obsah rodiča s touto hodnotou vlastnosti.
`auto`	Vypočítaná hodnota, automaticky sa určí nasledovne: pre pseudoprvky `after` a `before` hodnota je `none`, pre editovateľný prvok hodnota je `contain`, ak má rodič prvku hodnotu `all` alebo `none` - rovnakú bude mať aj samotný prvok, inak hodnota bude `text`.
`text`	Používateľ môže zvýrazniť text v prvku.

Predvolená hodnota: text.

Niektoré hodnoty nemusia fungovať vo všetkých prehliadačoch.

Nasledujúci text nie je možné zvýrazniť:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  user-select: none;
}

Результат: