Īpašība user-select - teksta atlases aizliegšana
Īpašība user-select kontrolē
teksta un citu elementu atlases uzvedību lapā.
Sintakse
selektors {
user-select: none | contain | all | auto | text;
}
Vērtības
| Vērtība | Apraksts |
|---|---|
none |
Teksts nevar tikt atlasīts. |
contain |
Atlase, kas sākta elementa iekšienē, neizies ārpus šī elementa robežām. |
all |
Ja dubultklikšķis notiek iegultā elementā, tiks atlasīts viss vecāka elementa saturs ar šo īpašības vērtību. |
auto |
Aprēķināma vērtība, automātiski noteikta šādi:
pseidoelementiem after un
before
vērtība ir none, rediģējamam elementam
vērtība ir contain, ja vecāka elementa vērtība ir
all vai none - tāda pati būs arī paša elementa vērtībai,
citādi vērtība būs text.
|
text |
Lietotājs var atlasīt tekstu elementā. |
Noklusējuma vērtība: text.
Piezīme
Dažas vērtības var nedarboties visās pārlūkprogrammās.
Piemērs . Vērtība none
Sekojošo tekstu nav iespējams atlasīt:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Skatiet arī
-
pseidoelements
selection,
kas kontrolē atlasītā teksta stilus -
īpašība
pointer-events,
kas noņem reakciju uz peles darbībām