CSS Cursor Property

What is the use of Cursor Property in CSS? The cursor property helps to specify the mouse cursor when you are pointing an element.

CSS Cursor Property Details

JavaScript Syntax

object.style.cursor="crosshair"

List of CSS Cursors

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