Właściwość CSS user-select

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



Reading Time: 2 minutes

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ż

Przykładowe generatory gradientów CSS Samodzielne tworzenie gradientów w CSS jest dość trudnym i mozolnym zajęciem. W większości przypadków uzyskane w ten sposób efekty nie do końca spełni...
Dopasowywanie obrazka do rozmiaru obszaru CSS3 ... Dzięki właściwości object-fit jesteśmy w stanie określić w jaki sposób interesujący nas element HTML (np. obrazek) powinien wypełnić dany obszar na st...
Nadawanie odstępu: margin i padding Dzisiaj omówię dwie bardzo użyteczne właściwości CSS czyli margin i padding. Czym jest margin i padding? Pierwsza z nich margin określa odstęp n...
Selektor CSS ::first-line Pseudoelement CSS ::first-line wykorzystywany jest do zmiany właściwości pierwszej linii obiektu blokowego. Bierze przy tym pod uwagę szerokość pierws...