04 Nov 2018
CSS : cursor
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: grab;}
.grabbing {cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}
cursor
이 cursor속성은 요소를 가리킬 때 표시 할 마우스 커서를 지정합니다.
속성 값
cursor: value;
- alias :커서가 생성할 항목의 별칭을 나타냅니다.
- all-scroll : 커서는 어떤 것을 어느 방향으로든 스크롤할 수 있음을 나타냅니다.
- auto : 브라우저가 커서를 설정합니다.default값
- cell : 커서는 셀(또는 셀 세트)을 선택할 수 있음을 나타냅니다.
- context-menu : 커서는 컨텍스트 메뉴를 사용할 수 있음을 나타냅니다.
- col-resize : 커서는 기둥의 크기를 수평으로 조정할 수 있음을 나타냅니다.
- copy : 커서가 복사할 항목을 나타냅니다.
- crosshair : 커서가 십자선으로 렌더링됩니다.
- default :기본커서로 렌더링됩니다.
- e-resize : 커서는 상자의 가장자리 바로(동쪽)으로 이동할 것을 나타냅니다.
- ew-resize : 양방향 크기 조정 커서를 나타냅니다.
- grab : 커서는 무언가를 잡을 수 있다는 것을 나타냅니다.
- grabbing : 커서는 무언가를 잡을 수 있음을 나타냅니다.
- help : 커서가 도움말을 사용할 수 있음을 나타냅니다.
- move : 커서가 이동할 항목을 나타냅니다.
- n-resize : 커서는 상자의 가장자리가 위로 이동됨을 나타냅니다(북).
- ne-resize : 커서는 상자의 가장자리 위와 오른쪽(north/east)으로 이동할 것을 나타낸다.
- nesw-resize : 양방향 크기 조정 커서를 나타냅니다.
- ns-resize : 양방향 크기 조정 커서를 나타냅니다.
- nw-resize : 커서는 상자의 가장자리가 위로 이동되고 왼쪽(북/서부)으로 표시됩니다.
- nwse-resize : 양방향 크기 조정 커서를 나타냅니다.
- no-drop : 커서는 끌어온 항목을 여기에 놓을 수 없음을 나타냅니다.
- none : 요소에 대한 커서가 렌더링되지 않음
- not-allowed : 커서가 요청한 작업이 실행되지 않음을 나타냅니다.
- pointer : 커서는 포인터이며 링크를 나타냅니다.
- progress : 커서가 프로그램이 사용 중임을 나타냅니다(진행 중).
- row-resize : 커서는 행의 크기를 수직으로 조정할 수 있음을 나타냅니다.
- s-resize : 커서는 상자의 가장자리(남쪽)이 이전될 것을 나타낸다.
- se-resize : 커서는 상자의 가장자리로 내려가서 오른쪽(south/east)으로 이동할 것을 나타낸다.
- sw-resize : 커서는 상자의 가장자리가 아래로 이동하여 왼쪽(south/west)으로 지정됨을 나타냅니다.
- text : 커서는 선택할 수 있는 텍스트를 나타냅니다.
- URL : 사용자 지정 커서로 구분된 URL 목록입니다. 참고: URL 정의 커서를 사용할 수 없는 경우 항상 목록 끝에 일반 커서를 지정하십시오.
- vertical-text : 커서는 선택할 수 있는 수직 텍스트를 나타냅니다.
- w-resize : 커서는 상자의 가장자리가 왼쪽(서쪽)으로 이동됨을 나타냅니다.
- wait : 커서는 프로그램이 사용 중임을 나타냅니다.
- zoom-in : 커서가 무언가를 확대할 수 있음을 나타냅니다.
- zoom-out : 커서가 무언가를 축소할 수 있음을 나타냅니다.
- initial :이 속성을 기본값으로 설정합니다.
- inherit :상위 요소에서 이 속성을 상속합니다.
Facebook Google+