Właściwość user-select - zakaz zaznaczania tekstu
Właściwość user-select kontroluje zachowanie
zaznaczania tekstu i innych elementów na stronie.
Składnia
selektor {
user-select: none | contain | all | auto | text;
}
Wartości
| Wartość | Opis |
|---|---|
none |
Tekst nie jest zaznaczany. |
contain |
Zaznaczenie rozpoczęte wewnątrz elementu nie wyjdzie poza granice tego elementu. |
all |
Jeśli podwójne kliknięcie nastąpiło wewnątrz zagnieżdżonego elementu, zostanie zaznaczona cała zawartość rodzica z tym ustawieniem właściwości. |
auto |
Wartość obliczana, automatycznie określana w następujący sposób:
dla pseudoelementów after i
before
wartość wynosi none, dla elementu edytowalnego
wartość wynosi contain, jeśli rodzic elementu ma wartość
all lub none - taka sama będzie dla samego elementu,
w przeciwnym razie wartość będzie text.
|
text |
Użytkownik może zaznaczyć tekst w elemencie. |
Wartość domyślna: text.
Uwaga
Niektóre wartości mogą nie działać we wszystkich przeglądarkach.
Przykład . Wartość none
Następującego tekstu nie można zaznaczyć:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Zobacz też
-
pseudoelement
selection,
który kontroluje style zaznaczonego tekstu -
właściwość
pointer-events,
który usuwa reakcję na mysz