user-select-ominaisuus - tekstin valitsemisen kieltäminen
user-select-ominaisuus hallitsee
tekstin ja muiden elementtien valitsemisen käyttäytymistä sivulla.
Syntaksi
valitsija {
user-select: none | contain | all | auto | text;
}
Arvot
| Arvo | Kuvaus |
|---|---|
none |
Tekstiä ei voi valita. |
contain |
Elementin sisällä alkanut valinta ei pääse yläpuolelle tämän elementin rajojen. |
all |
Jos kaksoisnapsautus tapahtuu sisäkkäisessä elementissä, valitaan kaikki sisällön vanhemmasta, jolla on tämä ominaisuuden arvo. |
auto |
Laskettu arvo, määritetään automaattisesti seuraavasti:
pseudoelementeille after ja
before
arvo on none, muokattavalle elementille
arvo on contain, jos elementin vanhemmalla on arvo
all tai none - sama on itse elementillä,
muuten arvo on text.
|
text |
Käyttäjä voi valita tekstin elementissä. |
Oletusarvo: text.
Huomio
Jotkut arvot eivät toimi kaikissa selaimissa.
Esimerkki . Arvo none
Seuraavaa tekstiä ei voi valita:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Katso myös
-
pseudoelementti
selection,
joka hallitsee valitun tekstin tyylejä -
ominaisuus
pointer-events,
joka poistaa reaktion hiireen