[CSS 속성] user-select

사용자가 텍스트 선택이 안되기를 원하는 경우가 있다. 

텍스트 복사할 때, 슬라이드 드래그를 하는 경우 user-select 속성을 이용하면 텍스트를 선택하지 못하도록 막을 수 있다.

 

 

 

user-select : auto;

편집 가능한 요소의 기본값은 text 이다.
::before , ::after 의 기본값은 none 으로 텍스트 드래그가 불가능하다.

 

 

 

user-select : text;

텍스트를 드래그 할 경우 선택할 수 있다.

 

 

 

user-select : all;

한 번의 클릭으로 텍스트 영역이 선택된다.
하위 요소 전체를 포함하여 선택이 된다.