De eigenschap user-select - verbod op tekstselectie
De eigenschap user-select bepaalt het gedrag
van tekstselectie en andere elementen op de pagina.
Syntaxis
selector {
user-select: none | contain | all | auto | text;
}
Waarden
| Waarde | Beschrijving |
|---|---|
none |
Tekst kan niet worden geselecteerd. |
contain |
Selectie die binnen het element begint, zal niet voorbij de grenzen van dit element gaan. |
all |
Als er dubbel geklikt wordt in een genest element, wordt de volledige inhoud van de ouder met deze eigenschapswaarde geselecteerd. |
auto |
Berekende waarde, automatisch als volgt bepaald:
voor pseudoelementen after en
before
is de waarde none, voor een bewerkbaar element
is de waarde contain, als de ouder van het element de waarde
all of none heeft - zal het element dezelfde waarde hebben,
anders is de waarde text.
|
text |
De gebruiker kan tekst in het element selecteren. |
Standaardwaarde: text.
Opmerking
Sommige waarden werken mogelijk niet in alle browsers.
Voorbeeld . Waarde none
De volgende tekst kan niet worden geselecteerd:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Zie ook
-
het pseudoelement
selection,
dat de stijlen van geselecteerde tekst beheert -
de eigenschap
pointer-events,
dat de reactie op de muis verwijdert