Dynamicdeezign, documentation of html and css
The guide to create your Web site on Internet
 

  • cursor

    This property specifies the type of cursor to be displayed for the pointing device.
    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 | progress ] ] | inherit
  • auto :The UA determines the cursor to display based on the current context.
  • crosshair : A simple crosshair (e.g., short line segments resembling a "+" sign).
  • default : The platform-dependent default cursor. Often rendered as an arrow.
  • pointer : The cursor is a pointer that indicates a link.
  • move : Indicates something is to be moved.
  • e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize : Indicate that some edge is to be moved. For example, the 'se-resize' cursor is used when the movement starts from the south-east corner of the box.
  • text : Indicates text that may be selected. Often rendered as an I-beam.
  • wait: Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass.
  • progress : A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass.
  • help : Help is available for the object under the cursor. Often rendered as a question mark or a balloon.
  • uri : The user agent retrieves the cursor from the resource designated by the URI. If the user agent cannot handle the first cursor of a list of cursors, it should attempt to handle the second, etc. If the user agent cannot handle any user-defined cursor, it must use the generic cursor at the end of the list.
  • Initial: auto
    Applies to: all elements
    Inherited: yes
    Percentages: N/A
    Media: visual, interactive
    Computed value: absolute URI; otherwise as specified

    Examples
    <div style="cursor:crosshair;">cursor:crosshair</div> =>
    cursor:crosshair
    <div style="cursor:pointer;">cursor:pointer</div> =>
    cursor:pointer
    <div style="cursor:move;">cursor:move</div> =>
    cursor:move
    <div style="cursor:e-resize;">cursor:e-resize</div> =>
    cursor:e-resize
    <div style="cursor:ne-resize;">cursor:ne-resize</div> =>
    cursor:ne-resize
    <div style="cursor:nw-resize;">cursor:nw-resize</div> =>
    cursor:nw-resize
    <div style="cursor:n-resize;">cursor:n-resize</div> =>
    cursor:n-resize
    <div style="cursor:sw-resize;">cursor:sw-resize</div> =>
    cursor:sw-resize
    <div style="cursor:se-resize;">cursor:se-resize</div> =>
    cursor:se-resize
    <div style="cursor:s-resize;">cursor:s-resize</div> =>
    cursor:s-resize
    <div style="cursor:w-resize;">cursor:w-resize</div> =>
    cursor:w-resize
    <div style="cursor:text;">cursor:text</div> =>
    cursor:text
    <div style="cursor:wait;">cursor:wait</div> =>
    cursor:wait
    <div style="cursor:help;">cursor:help</div> =>
    cursor:help





    For complete reference see CSS Style reference at W3C
    50..1   50..2   50..3   51..1   51..2   52..1   53..1   54..1   54..2   54..3   54..4   54..5   54..6   54..7  
    54..8   54..9   54..10   54..11   54..12   54..13   55..1   55..2   55..3   55..4   55..5   55..6   56..1   56..2  
    57..1   58..1   58..2   59..1   59..2   59..3   59..4   59..5   59..6   59..7   59..8   59..9   59..10   59..11  
    59..12   59..13   59..14   59..15   59..16   59..17   59..18   59..19   59..20   59..21   59..22   59..23   59..24   59..25  
    5A..1   5B..1   5C..1   5D..1   5E..1   5F..1   5G..1   5H..1   5I..1   5J..1   5K..1   5K..2   5K..3   5K..4  
    5K..5   5K..6   5K..7   5K..8   5K..9   5L..1   5M..1   5P..1   5R..1   5S..1   5T..1   5V..1   5Z..1