CSS 유저-셀렉트 속성
정의 및 사용법
user-select 속성은 요소의 텍스트 선택이 가능한지를 정의합니다.
웹 브라우저에서, 텍스트에 더블 클릭하면 텍스트가 선택되거나 강조 표시됩니다. 이 속성은 이러한 행동을 방지하는 데 사용됩니다.
다른 것을 참조하십시오:
HTML DOM 참조 가이드:userSelect 속성
예제
<div> 요소의 텍스트 선택을 방지합니다:
div {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10+ 및 Edge */
user-select: none; /* 표준 문법 */
}
CSS 문법
user-select: auto|none|text|all;
속성 값
| 값 | 설명 |
|---|---|
| auto | 기본적으로. 브라우저가 허용하면 텍스트를 선택할 수 있습니다. |
| none | 텍스트 선택을 방지합니다. |
| text | 텍스트는 사용자가 선택할 수 있습니다. |
| all | 텍스트를 선택하는 대신 클릭하여 선택합니다. |
기술 세부 사항
| 기본 값: | auto |
|---|---|
| thừa kế: | 아니요 |
| 애니메이션 제작: | 지원하지 않습니다. 참조하십시오:애니메이션 관련 속성。 |
| 버전: | CSS3 |
| JavaScript 문법: | object.style.userSelect="none" |
브라우저 지원
표에 나타난 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.
순서대로 -webkit-、-ms- 또는 -moz-의 숫자 규정을 따라 사용할 전칭의 첫 번째 버전을 사용합니다.
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
|
54.0 6.0 -webkit- |
79.0 10.0 -ms- |
69.0 2.0 -moz- |
3.1 -webkit- |
41.0 15.0 -webkit- |
