Author : Admin
Last Modified : 07-Dec-2019
Complexity : Beginner

CSS cursor Property


In CSS you can generate the number of mouse cursor. CSS support following cursors properties.

Hover the mouse over here to change the mouse cursor

  • alias
  • all-scroll
  • auto
  • cell
  • context-menu
  • col-resize
  • copy
  • crosshair
  • default
  • e-resize
  • ew-resize
  • grab
  • grabbing
  • help
  • move
  • n-resize
  • ne-resize
  • nesw-resize
  • ns-resize
  • nw-resize
  • nwse-resize
  • no-drop
  • none
  • not-allowed
  • pointer
  • progress
  • row-resize
  • s-resize
  • se-resize
  • sw-resize
  • text
  • url
  • w-resize
  • wait
  • zoom-in
  • zoom-out

How to use

Suppose we want to change the cursor of a div so css class could be as below

                .divChange {
                            background-color: Yellow;
                            cursor: cell;
                           }
                <div class="divChange"> Learn Cursor</div>
Hover the mouse over here to change the mouse cursor.
Learn Cursor CSS properties