틀:Cursor: 두 판 사이의 차이

2025년 7월 19일 (토) 03:10 기준 최신판

분류:

틀:cursor
사용문서	새로고침
넘겨주기	이동하기
2025-07-19에 마지막으로 수정됨

{{cursor|값|내용}}

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

흰색과 검은색으로 반씩 나뉜 박스 안에 마우스를 가져가 보세요
default	none	help	pointer	progress

기본 커서	커서 숨김	도움말 사용 가능	클릭 가능	백그라운드에서 작업 중, 상호작용 불가능
wait	cell	crosshair	text	vertical-text

작업 중, 상호작용 불가능	표의 칸 선택 가능	십자 커서	텍스트 선택 가능	세로 텍스트 선택 가능
alias	copy	move	no-drop	not-allowed

별칭이나 바로가기 만드는 중	복사 중	움직이는 중	현재 위치에 놓을 수 없음 (Windows와 Mac OS X에서는 not-allowed와 같음)	요청한 행동을 수행할 수 없음
grab	grabbing	all-scroll	col-resize	row-resize

잡아서 이동	잡고 있음	모든 방향으로 이동 가능 (Windows에서 move와 같음)	항목/행의 크기를 좌우로 조절할 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용	항목/열의 크기를 상하로 조절 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용

+

김찬 제작 틀

[ A~Z & etc. ]

etc.
틀:,,	틀:--	~~틀:--2~~	틀:^^
틀:?div
A~M
틀:background-image	틀:bg	틀:BMI	틀:center
틀:cursor	틀:DDAY	틀:div	~~틀:ffms~~
틀:font awesome 5	틀:full block	틀:gradient-ex	틀:hex to rgb
틀:invert-img	틀:jp	틀:leet	틀:librecat
틀:list margin remove	틀:MBTI
N~Z
틀:namucat	틀:namulist	틀:namutoc	틀:nowiki
틀:nowiki2	틀:ol	틀:onbold	틀:PC 열람 권장
틀:pf-c	틀:pre	틀:rgb to hex	틀:rotate
틀:selflink	틀:snowfalling	틀:span	틀:style
틀:syntaxhighlight	틀:thumbs	틀:title	틀:tp
틀:tt	틀:u	틀:widen	틀:wingdings

[ ㄱ~ㅅ ]

ㄱ
틀:가로 목록	틀:가로세로비	틀:가로줄	틀:가입일 유저박스
틀:가짜 링크	틀:가짜 문단	틀:강조점	틀:강조점2
틀:갤러리 (김찬)	틀:공백	틀:관련 문서 틀 제목	틀:괄호
틀:광과민성 주의	틀:군대 유저박스 (상세)	틀:굵게	틀:그라데이션 글씨
틀:글리치	틀:글배경	틀:글씨 테두리
ㄴ
틀:나무링크	틀:나무마크 틀	틀:나무위키 둘러보기	틀:나무위키 접기
틀:나무위키 접기2 (제목 / 내용)	틀:나무위키 테이블	틀:나무위키 텍스트 크기	틀:나무위키 틀 접기 (애니메이션)
틀:나무위키 틀 접기 끝	틀:나무위키식 문서 상태 틀	틀:내비게이션 바 색상	~~틀:너비맞춤~~
틀:넘겨주기	틀:넘겨주기 안내	틀:네온 글씨
ㄷ
~~틀:다크모드~~	틀:대화담벼락	틀:댓글 금지	틀:둥근 이미지
틀:등급 유저박스
ㄹ
틀:루비 문자
ㅁ
틀:막대 그래프	틀:말풍선	틀:말풍선 각주 (버튼 / 내용 / 시작 / 끝)	틀:메타 분류
틀:메타 틀	틀:명도	틀:모바일 테이블 (/tag)	틀:모바일 테이블 끝 (/tag)
~~틀:목차제거~~	틀:문단	틀:문단접기	틀:문단접기2
틀:문단접기3	틀:문서 가져옴	틀:문서 보충	틀:미공개
틀:미디어위키 접기 V2	틀:밑줄 없는 링크
ㅂ
틀:반복	틀:반응형 style	틀:반전	틀:반전2
틀:배경색 명도 조절	틀:백분율	틀:버튼	틀:별점
틀:복사방지	틀:부계정 유저박스	~~틀:분류 바로가기~~	~~틀:분류앵커~~
틀:불법2	틀:블러2	틀:블러3	틀:블러4
틀:블링크	틀:비공식 설정	틀:빈 이미지
ㅅ
틀:사건사고	틀:산문적 문서	틀:상징색	~~틀:색상 수평줄~~
틀:성적 요소	틀:세계관 무관	틀:세계관 별점	틀:소설 (시작 / 끝 / 버튼 / 클립보드)
틀:소셜 프로필	틀:소속단체 유저박스	틀:수평줄 꾸미기	틀:순차형3
틀:스포일러 강조	틀:실루엣	틀:씹덕주의

[ ㅇ~ㅎ ]

ㅇ
틀:안내문	틀:알림창	틀:오류창	틀:외부 라이선스
틀:외부링크숨김	틀:원형 그래프	틀:유저박스 틀	틀:이미지 가림
틀:이미지 넣기 (/tag)	틀:이미지 변화	틀:이미지 여백 제거	틀:인용문D
틀:인용문N → 틀:인용문1	틀:인용문SCP	틀:인용문W
ㅈ
틀:접기변화	틀:조사	틀:주의 가림막	틀:줄바꿈
ㅊ
틀:체크리스트
ㅋ
틀:커스텀 목록	틀:코드 예제	틀:코드 예제 끝
ㅌ
틀:테두리 그라데이션	틀:텍스트 가림	틀:툴팁	틀:툴팁2
틀:틀 도움
ㅍ
틀:파일	틀:팬그램	틀:펼치기 접기/multi (제목 / 내용)	틀:폰트
틀:폴리비오스 암호	틀:표 안의 표
ㅎ
틀:하위 문서3	틀:하이라이트	틀:혐오적 요소	틀:호감도
틀:흑백

※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함

@@ 1번째 줄: / 1번째 줄: @@
+{{namucat|김찬/제작한 틀}}
+{{틀 도움}}
 <onlyinclude><includeonly><span style="cursor: {{{1|}}};">{{{2|}}}</span></includeonly></onlyinclude>[[분류:김찬/제작한 틀]]
 <pre>{{cursor|값|내용}}</pre>
 마우스 커서의 모양을 바꾸어 주는 틀<br>
 값에 대해서는 아래 표 참고
-{{MT}}
+{|{{style|class=wiki|width=100%|align=center|layout=on}}{{#css: .cursor-cell { border: 1px solid var(--namu--table--border); height: 60px; background: linear-gradient(to right, white 50%, black 0); } }}
+|+흰색과 검은색으로 반씩 나뉜 박스 안에 마우스를 가져가 보세요
 |-
-|colspan="3"|주황색 위에 마우스를 올려 보세요.
+!default
+!none
+!help
+!pointer
+!progress
 |-
-|<div style="border: 1px solid black; background: orange; cursor: default;">　</div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: default;"></div>
-|default||기본 커서
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: none;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: help;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: pointer;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: progress;"></div>
 |-
-|<div style="border: 1px solid black; background: orange; cursor: none;">　</div>
+|기본 커서
-|none||커서 숨김
+|커서 숨김
+|도움말 사용 가능
+|클릭 가능
+|백그라운드에서 작업 중, 상호작용 불가능
 |-
-|<div style="border: 1px solid black; background: orange; cursor: help;">　</div>
+!wait
-|help||도움말 사용 가능
+!cell
+!crosshair
+!text
+!vertical-text
 |-
-|<div style="border: 1px solid black; background: orange; cursor: pointer;">　</div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: wait;"></div>
-|pointer||클릭 가능
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: cell;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: crosshair;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: text;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: vertical-text;"></div>
 |-
-|<div style="border: 1px solid black; background: orange; cursor: progress;">　</div>
+|작업 중, 상호작용 불가능
-|progress||백그라운드에서 작업 중, 상호작용 불가능
+|표의 칸 선택 가능
+|십자 커서
+|텍스트 선택 가능
+|세로 텍스트 선택 가능
 |-
-|<div style="border: 1px solid black; background: orange; cursor: wait;">　</div>
+!alias
-|wait||작업 중, 상호작용 불가능
+!copy
+!move
+!no-drop
+!not-allowed
 |-
-|<div style="border: 1px solid black; background: orange; cursor: cell;">　</div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: alias;"></div>
-|cell||표의 칸 선택 가능
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: copy;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: move;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: no-drop;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: not-allowed;"></div>
 |-
-|<div style="border: 1px solid black; background: orange; cursor: crosshair;">　</div>
+|별칭이나 바로가기 만드는 중
-|crosshair||십자 커서
+|복사 중
+|움직이는 중
+|현재 위치에 놓을 수 없음 (Windows와 Mac OS X에서는 not-allowed와 같음)
+|요청한 행동을 수행할 수 없음
 |-
-|<div style="border: 1px solid black; background: orange; cursor: text;">　</div>
+!grab
-|text||텍스트 선택 가능
+!grabbing
+!all-scroll
+!col-resize
+!row-resize
 |-
-|<div style="border: 1px solid black; background: orange; cursor: vertical-text;">　</div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: grab;"></div>
-|vertical-text||세로 텍스트 선택 가능
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: grabbing;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: all-scroll;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: col-resize;"></div>
+|{{style|padding: .3rem;}}|<div class="cursor-cell" style="cursor: row-resize;"></div>
 |-
-|<div style="border: 1px solid black; background: orange; cursor: alias;">　</div>
+|잡아서 이동
-|alias||별칭이나 바로가기 만드는 중
+|잡고 있음
-|-
+|모든 방향으로 이동 가능 (Windows에서 move와 같음)
-|<div style="border: 1px solid black; background: orange; cursor: copy;">　</div>
+|항목/행의 크기를 좌우로 조절할 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
-|copy||복사 중
+|항목/열의 크기를 상하로 조절 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
-|-
+|}
-|<div style="border: 1px solid black; background: orange; cursor: move;">　</div>
-|move||움직이는 중
+{{김찬 제작 틀}}
-|-
-|<div style="border: 1px solid black; background: orange; cursor: no-drop;">　</div>
-|no-drop||현재 위치에 놓을 수 없음 (Windows와 Mac OS X에서는 not-allowed와 같음)
-|-
-|<div style="border: 1px solid black; background: orange; cursor: not-allowed;">　</div>
-|not-allowed||요청한 행동을 수행할 수 없음
-|-
-|<div style="border: 1px solid black; background: orange; cursor: grab;">　</div>
-|grab||잡아서 이동
-|-
-|<div style="border: 1px solid black; background: orange; cursor: grabbing;">　</div>
-|grabbing||잡고 있음
-|-
-|<div style="border: 1px solid black; background: orange; cursor: all-scroll;">　</div>
-|all-scroll||모든 방향으로 이동 가능 (Windows에서 move와 같음)
-|-
-|<div style="border: 1px solid black; background: orange; cursor: col-resize;">　</div>
-|col-resize||항목/행의 크기를 좌우로 조절할 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
-|-
-|<div style="border: 1px solid black; background: orange; cursor: row-resize;">　</div>
-|row-resize||항목/열의 크기를 상하로 조절 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용
-{{MT끝}}