틀:Cursor: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
9번째 줄: 9번째 줄:
|colspan="3"|주황색 위에 마우스를 올려 보세요.
|colspan="3"|주황색 위에 마우스를 올려 보세요.
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: default;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: default;"> </div>
|default||기본 커서
|default||기본 커서
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: none;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: none;"> </div>
|none||커서 숨김
|none||커서 숨김
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: help;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: help;"> </div>
|help||도움말 사용 가능
|help||도움말 사용 가능
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: pointer;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: pointer;"> </div>
|pointer||클릭 가능
|pointer||클릭 가능
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: progress;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: progress;"> </div>
|progress||백그라운드에서 작업 중, 상호작용 불가능
|progress||백그라운드에서 작업 중, 상호작용 불가능
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: wait;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: wait;"> </div>
|wait||작업 중, 상호작용 불가능
|wait||작업 중, 상호작용 불가능
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: cell;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: cell;"> </div>
|cell||표의 칸 선택 가능
|cell||표의 칸 선택 가능
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: crosshair;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: crosshair;"> </div>
|crosshair||십자 커서
|crosshair||십자 커서
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: text;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: text;"> </div>
|text||텍스트 선택 가능
|text||텍스트 선택 가능
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: vertical-text;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: vertical-text;"> </div>
|vertical-text||세로 텍스트 선택 가능
|vertical-text||세로 텍스트 선택 가능
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: alias;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: alias;"> </div>
|alias||별칭이나 바로가기 만드는 중
|alias||별칭이나 바로가기 만드는 중
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: copy;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: copy;"> </div>
|copy||복사 중
|copy||복사 중
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: move;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: move;"> </div>
|move||움직이는 중
|move||움직이는 중
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: no-drop;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: no-drop;"> </div>
|no-drop||현재 위치에 놓을 수 없음 (Windows와 Mac OS X에서는 not-allowed와 같음)
|no-drop||현재 위치에 놓을 수 없음 (Windows와 Mac OS X에서는 not-allowed와 같음)
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: not-allowed;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: not-allowed;"> </div>
|not-allowed||요청한 행동을 수행할 수 없음
|not-allowed||요청한 행동을 수행할 수 없음
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: grab;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: grab;"> </div>
|grab||잡아서 이동
|grab||잡아서 이동
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: grabbing;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: grabbing;"> </div>
|grabbing||잡고 있음
|grabbing||잡고 있음
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: all-scroll;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: all-scroll;"> </div>
|all-scroll||모든 방향으로 이동 가능 (Windows에서 move와 같음)
|all-scroll||모든 방향으로 이동 가능 (Windows에서 move와 같음)
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: col-resize;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: col-resize;"> </div>
|col-resize||항목/행의 크기를 좌우로 조절할 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
|col-resize||항목/행의 크기를 좌우로 조절할 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
|-
|-
|<div style="border: 1px solid black; background: orange; cursor: row-resize;"> </div>
|{{style|align=center|padding: .3rem;}}|<div style="display: inline-block; width: 22.5px; aspect-ratio: 1 / 1; border: 1px solid black; background: orange; cursor: row-resize;"> </div>
|row-resize||항목/열의 크기를 상하로 조절 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
|row-resize||항목/열의 크기를 상하로 조절 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
{{MT끝}}
{{MT끝}}


{{김찬 제작 틀}}
{{김찬 제작 틀}}

2025년 1월 26일 (일) 23:37 판

:cursor
사용문서
새로고침
넘겨주기
이동하기

{{cursor|값|내용}}

마우스 커서의 모양을 바꾸어 주는 틀
값에 대해서는 아래 표 참고

주황색 위에 마우스를 올려 보세요.
 
default 기본 커서
 
none 커서 숨김
 
help 도움말 사용 가능
 
pointer 클릭 가능
 
progress 백그라운드에서 작업 중, 상호작용 불가능
 
wait 작업 중, 상호작용 불가능
 
cell 표의 칸 선택 가능
 
crosshair 십자 커서
 
text 텍스트 선택 가능
 
vertical-text 세로 텍스트 선택 가능
 
alias 별칭이나 바로가기 만드는 중
 
copy 복사 중
 
move 움직이는 중
 
no-drop 현재 위치에 놓을 수 없음 (Windows와 Mac OS X에서는 not-allowed와 같음)
 
not-allowed 요청한 행동을 수행할 수 없음
 
grab 잡아서 이동
 
grabbing 잡고 있음
 
all-scroll 모든 방향으로 이동 가능 (Windows에서 move와 같음)
 
col-resize 항목/행의 크기를 좌우로 조절할 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
 
row-resize 항목/열의 크기를 상하로 조절 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용

+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함