css cursor

the cursor css property specifies the mouse cursor displayed when the mouse pointer is over an element.

the cursor property syntax :-

                 cursor:    url[x,y]  |   standard values   
cursor
initial valueauto
applies toall elements
inheritedyes
mediavisual
animatableno

browser support

the cursor  property is supported in all major browsers .

note:- ie9 support "inhert"

css cursor property example

<style    type="text/css">
            
  p{
            font-size:19px;
            
            color:white;
            
            font-weight:bold;
            
            text-align:center;
            
            cursor:progress;
            
            height:50px;
            
            width:100px;
            
            background-color:#eeeeee;
            
            border-radius:5px;
            
            -o-border-radius:5px;
            
            -ms-border-radius:5px;
            
            -webkit-border-radius:5px;
            
       }    </style>

css cursor property values

categorycss valuedescription
generalautothe browser determines the cursor to display based on the current context.
defaultdefault cursor,typically an arrow.
noneno cursor is rendered.
links and statuscontext-menua context menu is available under the cursor.
helpindicating help is available.
pointere.g used when hovering over links, typically a hand.
progressthe program is busy in the background but the user can still interact with the interface(wait.)
waitthe program is busy(sometimes an hourglass or a watch).
selectioncellindicating that cells can be selected.
crosshaircross cursor, often used to indicate selection in a bitmap.
textindicating text can be selected, typically an i-beam.
vertical-textindicating that vertical text can be selected, typically a sideways i-beam.
drag and dropaliasindicating an alias or shortcut is to be created.
copyindicating that something can be copied.
movethe hovered object may be moved.
no-dropcursor showing that a drop is not allowed at the current location.
not-allowedcursor showing that something cannot be done.
resize  scrollingall-scrollcursor showing that something can be scrolled in any direction.
col-resizethe item/column can be resized horizontally.
row-resizethe item/row can be resized vertically.
n-resizesome edge is to be moved.for example, the se-resize cursor is used when the movement start from the south-east corner of the box
e-resize
s-resize
w-resize
ne-resize
nw-resize
se-resize
sw-resize
ew-resizeindicates a bidirectional resize cursor.
ns-resize
nesw-resize
nwse-resize
zoomzoom-inindicates that something can be zoomed (magnified) in or out experimental.
zoom-out