cursor Property


Home > Document > CSS > Font > cursor

cursor Property

cursor Property ´Â cursor ÀÇ ÇüŸ¦ ÁöÁ¤ÇÏ´Â Property ÀÔ´Ï´Ù. ÁöÁ¤Çϱ⿡ µû¶ó¼­ »ç¿ëÀÚ°¡ ¿øÇÏ´Â ÇüÅ·Πcursor ¸ð¾çÀ» º¯Çü ½Ãų ¼ö ÀÖ½À´Ï´Ù. MS ¿¡¼­´Â ¸µÅ© ±ÛÀÚ¿¡ cursor¸¦ ¿Ã¸®¸é »ý±â´Â ¼Õ°¡¶ô ¸ð¾çÀÇ cursor¸¦ hand¶ó°í ºÎ¸£´Âµ¥, ¿ø·¡ W3CÀÇ Spec¿¡´Â ¾ø´Â KeywordÀ̰í pointer¶ó°í µÇ¾îÀÖ½À´Ï´Ù. ±×·±µ¥ ¾ó¸¶ Àü IE 6.0¿¡¼­ ÀÚ±âµéÀÌ ¸¸µé¾î¼­ ÀÌÁ¦ »õ·Î ³ª¿Â ¾ç Àº±Ù ½½Â½ ³¢¿ö ³Ö¾ú½À´Ï´Ù. ±×¸®°í IEÀÇ °æ¿ì s-resize, n-resize µî ¹æÇâÀ» °¡¸£Å°´Â cursor°¡ IE 5.5 version ±îÁö´Â ÁöÁ¤ÇÑ ¹æÇ⸸À» °¡¸£Ä״µ¥, IE6 version À¸·Î ¿Ã¶ó ¿À¸é¼­ ±× ¹Ý´ë ¹æÇâ±îÁö °¡¸£Å°°Ô µÇ¾î °°Àº ¸ð¾çÀÌ 2°³¾¿ »ý±é´Ï´Ù. Àü º¸´Ù ¸øÇÑ µí...

  [Ç¥ º¸´Â ¹æ¹ý]
cursor Property
Value [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | Inherit
Initial auto
Applies to all elements
Inherited yes
Percentages N/A
Media Visual, Interactive
HTML Syntax { cursor: sCursor }
Scripting object.style.cursor [ = sCursor ]




CSS Scripting
onMouseOver="this.style.cursor='pointer';"


Cell À§¿¡ ¸¶¿ì½º¸¦ ¿Ã¸®¸é cursor ÇüŰ¡ ³ª¿É´Ï´Ù.
auto crosshair default pointer
move text wait help
e-resize w-resize s-resize n-resize
se-resize sw-resize ne-resize nw-resize


Custom cursor

Custom cursor´Â À§ÀÇ keyword·Î ÁöÁ¤ÇÏ´Â cursor°¡ ¾Æ´Ï¶ó, È®ÀåÀÚ°¡ .curÀ̳ª .aniÀÎ ÆÄÀÏÀ» cursor·Î »ç¿ëÇÏ´Â ¹æ¹ý ÀÔ´Ï´Ù. .cur, .ani ÆÄÀÏÀº Windows/Cursors Æú´õ¸¦ º¸¸é ¿©·¯°³°¡ ÀÖ°í, Ç¥±â ¹æ¹ýÀº ´ÙÀ½°ú °°½À´Ï´Ù. ¿¹¸¦ µé¾î http://www.webdesigners.co.kr/cursor/mycursor.ani °¡ ÆÄÀÏ °æ·Î¶ó¸é

ÀÔ·Â
{ cursor : url("http://www.webdesigners.co.kr/cursor/mycursor.ani") } /*µû¿ÈÇ¥ »ý·« °¡´ÉÇÔ*/


Custom cursor sample

Custom cursor sample
pen_m.cur 3dgarro.cur barber.ani horse.ani


*IE Only cursor

MS ¿¡¼­ ¸¸µç Explorer Àü¿ë cursor µéÀÔ´Ï´Ù. IE 6.0 À̻󿡼­ ¸¸ º¸ÀÔ´Ï´Ù.

IE 6.0 Only cursor
hand progress not-allowed no-drop
vertical-text all-scroll col-resize row-resize





ÀÌ ¹®¼­ÀÇ ÀúÀÛ±ÇÀº www.cadvance.org ¿¡ ÀÖ½À´Ï´Ù.

Top
Back
New
°Ë»ö