편집 요약 없음 |
편집 요약 없음 |
||
| 27번째 줄: | 27번째 줄: | ||
|<div style="border: 1px solid black; background: orange; cursor: cell;"> </div> | |<div style="border: 1px solid black; background: orange; cursor: cell;"> </div> | ||
|cell||표의 칸 선택 가능 | |cell||표의 칸 선택 가능 | ||
|- | |||
|<div style="border: 1px solid black; background: orange; cursor: crosshair;"> </div> | |||
|crosshair||십자 커서 | |||
|- | |||
|<div style="border: 1px solid black; background: orange; cursor: text;"> </div> | |||
|text||텍스트 선택 가능 | |||
|- | |||
|<div style="border: 1px solid black; background: orange; cursor: vertical-text;"> </div> | |||
|vertical-text||세로 텍스트 선택 가능 | |||
|- | |||
|<div style="border: 1px solid black; background: orange; cursor: alias;"> </div> | |||
|alias||별칭이나 바로가기 만드는 중 | |||
|- | |||
|<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끝}} | {{MT끝}} | ||
2023년 4월 5일 (수) 15:41 판
{{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 | 항목/열의 크기를 상하로 조절 가능. 종종 상하 화살표의 가운데를 가로로 분리한 모양을 사용 | |