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
selektor {
user-select: none | contain | all | auto | text;
}
Hodnoty
| 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.
Poznámka
Niektoré hodnoty nemusia fungovať vo všetkých prehliadačoch.
Príklad . Hodnota none
Nasledujúci text nie je možné zvýrazniť:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Pozri tiež
-
pseudoprvok
selection,
ktorý riadi štýly zvýrazneného textu -
vlastnosť
pointer-events,
ktorá odstraňuje reakciu na myš