CSS pointer-events 속성
정의와 사용법
pointer-events 속성은 요소가 포인터 이벤트에 반응할지 정의합니다.
예제
요소가 포인터 이벤트에 반응할지 설정합니다:
div.ex1 {
pointer-events: none;
}
div.ex2 {
pointer-events: auto;
}
CSS 문법
pointer-events: auto|none;
속성 값
| 값 | 설명 |
|---|---|
| 자동 | 기본 값. 요소는 포인터 이벤트에 반응합니다. 예를 들어 :hover와 클릭. |
| 없음 | 요소는 포인터 이벤트에 반응하지 않습니다. |
| 초기 값 | 이 속성을 기본 값으로 설정합니다. 참조 초기 값. |
| thuộc về | 이 속성을 부모 요소에서 상속받습니다. 참조 thuộc về. |
기술 세부 사항
| 기본 값: | 자동 |
|---|---|
| thừa kế: | 네 |
| 애니메이션 제작: | 지원하지 않습니다. 참조:애니메이션 관련 속성. |
| 버전: | CSS3 |
| JavaScript 문법: | object.style.pointerEvents="none" |
브라우저 지원
표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 2.0 | 11.0 | 3.6 | 4.0 | 9.0 |
