CSS

[CSS] Cursur(마우스 커서 변경)

katia 2023. 3. 8. 15:31

Cursor

  • 마우스 커서의 모양을 변경하기 위해 사용한다.
  • 기본값 : auto
  • 속성값
    • default : 일반적인 마우스 커서
    • none : 마우스 커서를 그리지 않는다.
    • pointer : 클릭할 수 있는 형태의 커서
    • progress : 작업이 진행중인 형태의 커서
    • text : 텍스트 형태의 커서
    • wait : 응답이 없거나 대기해야하는 형태의 커서
    • ew-resize : 가로 방향의 크기 변경 형태의 커서
    • ns-resize : 세로 방향의 크기 변경 형태의 커서
    • nesw-resize : 북동/남서 방향의 크기를 변경 형태의 커서
    • nwse-resize : 북서/남동 방향의 크기를 변경 형태의 커서
  • 형식
    /* 아래의 선언한 영역 안에서 마우스 커서 모양 변경*/
    [Tag] or [.class] or [#id]{
            cursur : [속성값];
    }

'CSS' 카테고리의 다른 글

[CSS] Filter (이미지 필터)  (0) 2023.03.08
[CSS] Width(가로) 과 Height(세로)  (0) 2023.03.08
[CSS] Background  (1) 2023.03.08
[CSS] Color (폰트 색상)  (0) 2023.03.08
[CSS] 시간과 크기  (0) 2023.03.08