계발하는 개발자

[CSS] cursor 속성 본문

📌 Language/CSS

[CSS] cursor 속성

dev_genie 2023. 4. 25. 21:53
 

W3Schools CSS cursor demonstration

Mouse over this area to see the cursor result.

www.w3schools.com

 

가짓수가 많은 cursor 속성도 이번에 같이 정리해버리기로 했다.

자세한건 예시와 함께 w3c에 잘 소개되어있으니 참고하자!!

- - -

자주 쓰이는 커서 속성 TOP 3

1) cursor : pointer (직접 누르는듯한 느낌 줄때)

2) nw-resize (좌측-사이즈 조정 가능하단 느낌 줄때)

-> 비슷한 애로 nesw-resize(우측), ns-resize(위아래) 등이 있다.

3) grab (뭔가를 잡고 끌수있는듯한 느낌 줄때)

 

LIST

'📌 Language > CSS' 카테고리의 다른 글

[CSS] css 말줄임(text-overflow: ellipsis)이 적용이 안될 때  (0) 2023.09.25
[CSS] input type = "range" | 볼륨조절바 만들기  (0) 2023.06.05
요소에 적용된 스타일을 읽어오는 방법 : Element.style 속성과 getComputedStyle() 메소드의 차이  (0) 2023.04.23
JS에서 여러 CSS 스타일 한꺼번에 적용하는 방법: style.cssText  (0) 2023.04.23
[CSS] 반응형 폰트 사이즈 단위 rem? em?  (0) 2023.02.08
profile

dev_genie

@dev_genie

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!