Egenskapen user-select - forbud mot tekstutheving
Egenskapen user-select styrer oppførselen
ved utheving av tekst og andre elementer på siden.
Syntaks
velger {
user-select: none | contain | all | auto | text;
}
Verdier
| Verdi | Beskrivelse |
|---|---|
none |
Teksten kan ikke utheves. |
contain |
Utheving startet inni elementet vil ikke gå utover grensene til dette elementet. |
all |
Hvis det skjer et dobbeltklikk i et innestående element, vil alt innholdet i forelderen med denne egenskapsverdien bli valgt. |
auto |
Beregnet verdi, bestemmes automatisk som følger:
for pseudoelementene after og
before
er verdien none, for et redigerbart element
er verdien contain, hvis forelderen til elementet har verdien
all eller none - vil elementet ha den samme verdien,
ellers vil verdien være text.
|
text |
Brukeren kan utheve teksten i elementet. |
Standardverdi: text.
Merknad
Noen verdier fungerer kanskje ikke i alle nettlesere.
Eksempel . Verdien none
Følgende tekst kan ikke utheves:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Se også
-
pseudoelementet
selection,
som stilerer uthevet tekst -
egenskapen
pointer-events,
som fjerner reaksjon på mus