The cursor property specifies the mouse cursor type when hovering over the element. Supports custom images (url) with keyword fallback..clickable {
cursor: pointer;
}.custom {
cursor: url(grab.svg) 8 8, grab;
}autoThe default value. UA determines.defaultPlatform default cursor (arrow).noneNo cursor.pointerLink/pointer cursor (hand).textText cursor (I-beam).waitWait cursor (hourglass).helpHelp cursor (question mark).progressProgress cursor.crosshairCrosshair.moveMove cursor.grabGrab cursor (open hand).grabbingGrabbing cursor (closed hand).not-allowedNot-allowed cursor.no-dropNo-drop cursor.aliasAlias cursor.copyCopy cursor.context-menuContext menu cursor.zoom-inZoom in cursor.zoom-outZoom out cursor.all-scrollAll-scroll cursor.col-resizeColumn resize cursor.row-resizeRow resize cursor.n-resizeNorth resize.e-resizeEast resize.s-resizeSouth resize.w-resizeWest resize.ne-resizeNortheast resize.nw-resizeNorthwest resize.se-resizeSoutheast resize.sw-resizeSouthwest resize.ew-resizeHorizontal bi-directional resize.ns-resizeVertical bi-directional resize.nesw-resizeNE-SW diagonal resize.nwse-resizeNW-SE diagonal resize.cellTable cell cursor.vertical-textVertical text cursor (horizontal I-beam).url()Custom cursor image (PNG, SVG). Must end with a fallback keyword.CSS Basic User Interface Module Level 4Working DraftW3CMDN
Over Mouse To See Cursor
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext