A user-select tulajdonság - szöveg kijelölésének tiltása

A user-select tulajdonság a szöveg és más elemek kijelölésének viselkedését szabályozza a weboldalon.

Szintaxis

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

Érték	Leírás
`none`	A szöveg nem jelölhető ki.
`contain`	A kijelölés, amely az elemen belül kezdődik, nem lép ki az elem határain túl.
`all`	Ha egy beágyazott elemen belül dupla kattintás történik, akkor a szülő összes tartalma ki lesz jelölve ezzel a tulajdonságértékkel.
`auto`	Számított érték, automatikusan a következőképpen határozódik meg: a `after` és `before` pseudoelemek esetén az érték `none`, a szerkeszthető elemeknél az érték `contain`, ha a szülő elem értéke `all` vagy `none` - ugyanaz lesz magán az elemen is, egyébként az érték `text` lesz.
`text`	A felhasználó kijelölheti a szöveget az elemen belül.

Alapértelmezett érték: text.

Egyes értékek nem minden böngészőben működhetnek.

A következő szöveget nem lehet kijelölni:

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

css#elem {
  user-select: none;
}

Результат: