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
szelektor {
user-select: none | contain | all | auto | text;
}
Értékek
| É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.
Megjegyzés
Egyes értékek nem minden böngészőben működhetnek.
Példa . none érték
A következő szöveget nem lehet kijelölni:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Lásd még
-
a
selectionpseudoelem,
amely a kijelölt szöveg stílusát vezérli -
a
pointer-eventstulajdonság,
amely eltávolítja az egérre adott reakciót