Egenskaben user-select - forbud mod tekstmarkering
Egenskaben user-select styrer adfærden
ved markering af tekst og andre elementer på siden.
Syntaks
selektor {
user-select: none | contain | all | auto | text;
}
Værdier
| Værdi | Beskrivelse |
|---|---|
none |
Teksten kan ikke markeres. |
contain |
Markering startet inde i elementet vil ikke gå ud over grænserne af dette element. |
all |
Hvis der dobbeltklikkes i et indlejret element, vil alt indhold i forælderen med denne egenskabsværdi blive valgt. |
auto |
Beregnet værdi, bestemmes automatisk som følger:
for pseudoelementerne after og
before
er værdien none, for et redigerbart element
er værdien contain, hvis forælderens elementværdi er
all eller none - vil det samme gælde for selve elementet,
ellers vil værdien være text.
|
text |
Brugeren kan markere teksten i elementet. |
Standardværdi: text.
Bemærkning
Nogle værdier fungerer muligvis ikke i alle browsere.
Eksempel . Værdien none
Følgende tekst kan ikke markeres:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Se også
-
pseudoelementet
selection,
som styrer stilen for markeret tekst -
egenskaben
pointer-events,
som fjerner reaktion på mus