안규 공부방

Javascript & JQuery & CSS > cursor - pointer, crosshair, move, wait, default, text, auto, help 등등

등록일 : 2017-07-14 17:53 조회수 : 93,630

커서를 컨트롤할수 있는 스타일속성을 알아보도록 하죠^^

길게 설명은 필요없을듯 하네요. 속성과 예제를 바로 알아보도록 하죠.




cursor:nw-resize : 커서의 방향이 북서쪽을 향합니다.
cursor:ne-resize : 커서의 방향이 북동쪽을 향합니다.
cursor:sw-resize : 커서의 방향이 남서쪽을 향합니다.
cursor:se-resize : 커서의 방향이 남동쪽을 향합니다.
cursor:e-resize : 커서의 방향이 동서쪽을 향합니다.
cursor:n-resize : 커서의 방향이 북남쪽을 향합니다.
cursor:s-resize : 커서의 방향이 남북쪽을 향합니다.
cursor:w-resize : 커서의 방향이 서동쪽을 향합니다.
cursor:help: 커서의 모양을 ? 표로 바꿉니다.
cursor:move : 커서의 모양을 이동 모양으로 바꿉니다.
cursor:text : 커서의 모양을 텍스트 입력상태로 바꿉니다.
cursor:crosshair : 커서의 모양을 십자가로 바꿉니다.
cursor:wait : 커서의 모양을 모래시계 모양으로 바꿉니다.
cursor:pointer : 커서의 모양을 손 모양으로 바꿉니다.
cursor:default : 커서의 모양을 기본모양으로 바꿉니다.
 
※ 혹시 도움이 되셨다면 댓글에 한마디 남겨주세요!
작성자   비밀번호
자동글 방지     (자동글 방지 기능입니다.)
내용   댓글달기 
이메일 문의 : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.