Właściwość CSS user-select

Kategoria wpisu Interfejs, Kurs CSS, Kursy Tagi: , , , on przez .



Właściwość user-select kontroluje możliwość kopiowania tekstu i wyboru obiektu przez użytkownika. Z pomocą tej właściwości można np. zablokować możliwość kopiowania treści ze strony internetowej.

Przyjmowane wartości

Właściwość user-select przyjmuje wartości:

  • auto – domyślna wartość, zezwala na wszystko
  • none – blokuje możliwość wyboru elementu np. nie można kopiować tekstu
  • text – tekst można kopiować
  • all – zamienia podwójne kliknięcie w obiekt na pojedyncze
Przykłady działania
Przykładowy tekst z właściwością ser-select.

Podstawowy kod CSS przykładu:

HTML


user-select: auto

Przykładowy tekst z właściwością ser-select.

CSS

HTML


user-select: none

Przykładowy tekst z właściwością ser-select.

CSS

HTML


user-select: text

Przykładowy tekst z właściwością ser-select.

CSS

HTML


user-select: all

Przykładowy tekst z właściwością ser-select.

CSS

HTML

Interpretacja przez przeglądarki

 

WłaściwośćChromeIE / EdgeFirefoxSafariOpera
user-select54.0
6.0 -webkit-
10.0 -ms-2.0 -moz-3.1 -webkit-41.0
15.0 -webkit-

Zdarzenia myszki – pointer-events CSS

źródła:
https://www.w3schools.com/cssref/css3_pr_user-select.asp

user-select

Przeczytaj również

Mieszanie kolorów z selektorem mix-blend-mode Właściwość CSS mix-blend-mode określa sposób łączenia się ze sobą elementu nadrzędnego np. obrazka z tłem umieszczonym pod nim. Efekt końcowy jest pod...
Zmiana wielkości liter z pomocą CSS – text-t... Właściwość text-transform (z języka ang. transformacja tekstu) jest jedną z popularniejszych metod modyfikacji tekstu. Zadaniem własności jest zmiana ...
Wyśrodkowanie obrazka lub tekstu w HTML i CSS Wyśrodkowanie tekstu lub ilustracji na stronie internetowej jest jedną z najpopularniejszych metod formatowania dokumentu.  Istnieje kilka sposobów...
Zmienienie pierwszego elementu. Selektory CSS :fir... Selektory (pseudoklasa) :first-child i :first-of-type stanowią ciekawe rozwiązanie jakie oferuje nam CSS3 (stylach kaskadowych). Wykorzystuje się je d...