tutorialstonight logo
A Platform To Learn To Code

CSS CURSOR



CSS cursor property in CSS specifies the type of cursor to be displayed when the mouse is over that element.

Default property: auto
Version: CSS 2,3
Animation: no
Applies to: all element
Inherited: Yes

Showcase of different cursor type

Take your mouse pointer over these buttons and see how the pointer changes.

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

Here is an example:

Example

Run the code




BOX

BOX