user-select 속성 - 텍스트 선택 금지

user-select 속성은 페이지에서 텍스트 및 다른 요소의 선택 동작을 제어합니다.

문법

선택자 {
	user-select: none | contain | all | auto | text;
}

값	설명
`none`	텍스트를 선택할 수 없습니다.
`contain`	요소 내부에서 시작된 선택은 해당 요소의 경계를 벗어나지 않습니다.
`all`	중첩된 요소 내에서 더블 클릭이 발생하면, 이 속성 값을 가진 부모의 모든 콘텐츠가 선택됩니다.
`auto`	계산된 값으로, 다음과 같이 자동으로 결정됩니다: `after` 및 `before` 의사 요소의 경우 값은 `none`입니다. 편집 가능한 요소의 경우 값은 `contain`입니다. 부모 요소의 값이 `all` 또는 `none`인 경우 자식 요소도 동일한 값을 가지며, 그렇지 않으면 값은 `text`가 됩니다.
`text`	사용자가 요소 내의 텍스트를 선택할 수 있습니다.

기본값: text.

일부 값은 모든 브라우저에서 작동하지 않을 수 있습니다.

다음 텍스트는 선택할 수 없습니다:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	user-select: none;
}