커서표현 |
이번장은 커서를 컨트롤할수 있는 스타일속성을 알아보도록 하죠^^ 길게 설명은 필요없을듯 하네요. 속성과 예제를 바로 알아보도록 하죠.
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:hand : 커서의 모양을 손 모양으로 바꿉니다.
[예제] - 실행화면 보기 <html> <head> <title>스타일시트 예제</title> </head> <body> <font style='cursor:nw-resize'>cursor:nw-resize : 커서의 방향이 북서쪽을 향합니다.<font><br> <font style='cursor:ne-resize'>cursor:ne-resize : 커서의 방향이 북동쪽을 향합니다.<font><br> <font style='cursor:sw-resize'>cursor:sw-resize : 커서의 방향이 남서쪽을 향합니다.<font><br> <font style='cursor:se-resize'>cursor:se-resize : 커서의 방향이 남동쪽을 향합니다.<font><br> <font style='cursor:e-resize'>cursor:e-resize : 커서의 방향이 동서쪽을 향합니다.<font><br> <font style='cursor:n-resize'>cursor:n-resize : 커서의 방향이 북남쪽을 향합니다.<font><br> <font style='cursor:s-resize'>cursor:s-resize : 커서의 방향이 남북쪽을 향합니다.<font><br> <font style='cursor:w-resize'>cursor:w-resize : 커서의 방향이 서동쪽을 향합니다.<font><br> <font style='cursor:help'>cursor:help: 커서의 모양을 ? 표로 바꿉니다.<font><br> <font style='cursor:move'>cursor:move : 커서의 모양을 이동 모양으로 바꿉니다.<font><br> <font style='cursor:text'>cursor:text : 커서의 모양을 텍스트 입력상태로 바꿉니다.<font><br> <font style='cursor:crosshair'>cursor:crosshair : 커서의 모양을 십자가로 바꿉니다.<font><br> <font style='cursor:wait'>cursor:wait : 커서의 모양을 모래시계 모양으로 바꿉니다.<font><br> <font style='cursor:hand'>cursor:hand : 커서의 모양을 손 모양으로 바꿉니다.<font> </html> |
출처 : Tong - 드렁크수달스님의 ■ CSS ■통