Proprietatea user-select - interzicerea selecției textului
Proprietatea user-select controlează comportamentul
selecției textului și a altor elemente de pe pagină.
Sintaxă
selector {
user-select: none | contain | all | auto | text;
}
Valori
| Valoare | Descriere |
|---|---|
none |
Textul nu poate fi selectat. |
contain |
Selecția începută în interiorul elementului nu va ieși dincolo de limitele acestui element. |
all |
Dacă dublu-clicul a avut loc într-un element imbricat, va fi selectat întreg conținutul părintelui cu această valoare a proprietății. |
auto |
Valoare calculată, determinată automat după cum urmează:
pentru pseudoelementele after și
before
valoarea este none, pentru elementul editabil
valoarea este contain, dacă părintele elementului are valoarea
all sau none - la fel va fi și pentru elementul însuși,
altfel valoarea va fi text.
|
text |
Utilizatorul poate selecta textul din element. |
Valoare implicită: text.
Notă
Unele valori pot să nu funcționeze în toate browserele.
Exemplu . Valoarea none
Următorul text nu poate fi selectat:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Vedeți și
-
pseudoelementul
selection,
care controlează stilurile textului selectat -
proprietatea
pointer-events,
care elimină reacția la mouse