과목 추천:
- 이전 페이지 unicodeBidi
- 다음 페이지 verticalAlign
- 上一层으로 돌아가기 HTML DOM Style 객체
Style userSelect 속성
정의와 사용법 userSelect
속성 설정 또는 반환 여부를 통해 요소의 텍스트를 선택할 수 있는지 결정합니다.
문서의 일부를 더블 클릭하면 선택되거나 강조 표시됩니다. 이 속성을 사용하여 이를 방지할 수 있습니다.
다른 참조:CSS 참조 매뉴얼:
user-select 속성
인스턴스
예제 1
document.getElementById("myDiv").style.userSelect = "none";
예제 2
요소의 "user-select" 속성 값을 가져옵니다:
document.getElementById("demo").style.userSelect;
문법
userSelect 속성 반환:
object.style.userSelect
userSelect 속성 설정:
object.style.userSelect = "auto|none|text|all"
속성 값
| 값 | 설명 |
|---|---|
| auto | 기본. 브라우저 기본 설정에 따라 텍스트를 선택할 수 있습니다. |
| none | 텍스트 선택을 방지합니다. |
| text | 텍스트는 사용자가 선택할 수 있습니다. |
| all | 텍스트 선택을 클릭 대신 더블 클릭으로 수행합니다. |
기술 세부 사항
| 기본 값: | auto |
|---|---|
| 반환 값: | 요소의 텍스트가 선택될 수 있는지 표현하는 문자열입니다. |
| CSS 버전: | CSS3 |
브라우저 지원
표에 나타난 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.
WebKit, Moz 또는 O를 사용하는 첫 번째 버전의 프리픽스를 지정한 숫자입니다.
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
| 54.0 | 79.0 10.0 ms |
69.0 | 3.1 Webkit | 41.0 |
- 이전 페이지 unicodeBidi
- 다음 페이지 verticalAlign
- 上一层으로 돌아가기 HTML DOM Style 객체
