Properties

Properties

Draft
  • account_tree
  • bug_report

cursor

커서의 모양을 설정한다.

설정 가능한 속성 값

  • alias키워드CSS2

    어떠한 별칭이 만들어 질 것임을 나타낸다.

  • all-scroll키워드CSS2

    어떠한 방향이든 스크롤 될 수 있음을 나타낸다.

  • auto기본값키워드CSS2

    웹브라우저가 커서를 설정한다.

  • cell키워드CSS2

    셀 또는 셀 집합이 선택될 수 있음을 나타낸다.

  • context-menu키워드CSS2

    컨텍스트 메뉴를 사용할 수 있음을 나타낸다.

  • col-resize키워드CSS2

    열의 크기를 가로로 조절할 수 있음을 나타낸다.

  • copy키워드CSS2

    무엇인가 복사 될 것임을 나타낸다.

  • crosshair키워드CSS2

    십자형 커서를 보여준다.

  • default키워드CSS2

    기본 커서를 보여준다.

  • e-resize키워드CSS2

    컨테이너의 모서리가 오른쪽(동쪽)으로 이동 함을 나타낸다.

  • ew-resize키워드CSS2

    양 방향 크기 변경을 나타낸다.

  • grab키워드CSS2

    무엇인가를 움켜잡을 수 있음을 나타낸다.

  • grabbing키워드CSS2

    무엇인가를 움켜잡을 수 있음을 나타낸다.

  • help키워드CSS2

    도움말을 사용할 수 있음을 나타낸다.

  • move키워드CSS2

    드래그(움직임)할 대상이 있음을 나타낸다.

  • n-resize키워드CSS2

    컨테이너의 모서리가 위로(북쪽) 이동해야 함을 나타낸다.

  • ne-resize키워드CSS2

    컨테이너의 모서리가 상단 오른쪽 방향으로 이동해야 함을 나타낸다.

  • nesw-resize키워드CSS2

    컨테이너의 모서리가 상단 오른쪽과 하단 왼쪽을 가리키는 대각선 양방향으로 이동해야 함을 나타낸다.

  • ns-resize키워드CSS2

    컨테이너의 모서리가 상단과 하단을 가리키는 수직 양방향으로 이동해야 함을 나타낸다.

  • nw-resize키워드CSS2

    컨테이너의 모서리가 왼쪽 상단을 가리키는 방향으로 이동해야 함을 나타낸다.

  • nwse-resize키워드CSS2

    컨테이너의 모서리가 상단 왼쪽과 하단 오른쪽을 가리키는 대각선 양방향으로 이동해야 함을 나타낸다.

  • no-drop키워드CSS2

    드래그 할 수 없음을 나타낸다.

  • none키워드CSS2

    커서를 숨긴다.

  • not-allowed키워드CSS2

    요청된 처리가 실행되지 않음을 나타낸다.

  • pointer키워드CSS2

    클릭할 수 있음을 나타낸다.

  • progress키워드CSS2

    무엇인가를 처리중임을 나타낸다.

  • row-resize키워드CSS2

    행의 크기를 수직방향으로 조절할 수 있음을 나타낸다.

  • s-resize키워드CSS2

    컨테이너의 가장자리가 아래(남쪽)로 이동해야 함을 나타낸다.

  • se-resize키워드CSS2

    컨테이너의 가장자리가 하단 오른쪽으로 이동해야 함을 나타낸다.

  • sw-resize키워드CSS2

    컨테이너의 가장자리가 하단 왼쪽으로 이동해야 함을 나타낸다.

  • text키워드CSS2

    텍스트를 편집 또는 선택할 수 있음을 나타낸다.

  • vertical-text키워드CSS2

    텍스트를 수직 방향으로 편집 또는 선택할 수 있음을 나타낸다.

  • w-resize키워드CSS2

    컨테이너의 가장자리가 왼쪽으로 이동해야 함을 나타낸다.

  • wait키워드CSS2

    무엇인가를 처리중임을 나타낸다.

  • zoom-in키워드CSS2

    확대할 수 있음을 나타낸다.

  • zoom-out키워드CSS2

    축소할 수 있음을 나타낸다.

  • url(path)urlCSS3

    커서로 사용할 이미지의 경로를 설정한다.

  • initial키워드CSS2

    CSS 기본 값으로 처리한다.

구문

  • cursor alais or all-scroll or auto or cell or context-menu or col-resize or copy or crosshair or default or e-resize or ew-resize or grab or grapping or help or move or n-resize or ne-resize or resw-resize or ns-resize or nw-resize;기본형식CSS2

    주어진 상수로 커서의 모양을 설정한다.

  • cursor nwse-resize or no-drop or none or not-allowed or pointer or progress or row-resize or s-resize or se-resize or sw-resize or text or vertical-text or w-resize or wait or zoom-in or zoom-out or initial or inherit;기본형식CSS2

    주어진 상수로 커서의 모양을 설정한다.

  • cursor url( <url>)  <x>  <y>, keyword기본형식CSS3

    url() 함수는 커서로 사용할 이미지의 경로를 지정한다. 다음 나오는 두 개의 숫자는 이미지의 최상단 모서리를 기준으로 커서가 상호작용할 영역의 x, y 좌표값을 지정한다. 콤마 뒤의 키워드는 이미지를 커서로 사용할 수 없을 때 적용될 커서 모양을 설정하는 키워드이다.

    커서의 모양을 테스트

테스트 도구

커서의 모양을 테스트

지원 웹브라우저