• webmini life skin Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기
Front-end/CSS(SASS,SCSS)

[CSS]CSS 유용한 속성 pointer-event, user-select

by 빽짱구 2024. 6. 10.
본문글자

CSS에서 유용하게 사용되는 속성 두가지를 살펴보겠습니다.

 

pointer-events

pointer-events는 CSS 속성으로, 요소가 마우스 이벤트(클릭, 터치 등)를 받을 수 있는지 여부를 제어합니다. 이 속성은 주로 요소가 사용자 상호작용을 받아들이거나 무시하도록 설정할 때 사용됩니다.

 

user-select: none

user-select: none;은 사용자 경험을 향상시키기 위해 사용자가 특정 텍스트를 선택하지 못하도록 하는 유용한 CSS 속성입니다. 이를 통해 텍스트 선택이 불필요하거나 방지해야 하는 상황에서 유용하게 사용할 수 있습니다.

 

예시.

[disabled],[disabled='true']
pointer-events:none;
user-select:none;

 

 

728x90

'Front-end/CSS(SASS,SCSS)'의 다른글

  • 현재글[CSS]CSS 유용한 속성 pointer-event, user-select