CSS3 Cursors (original values)

Overview

Rules defined in the CSS 3 spec for the current cursor value, including none, context-menu, cell, vertical-text, alias, copy, no-drop, not allowed, not resizable, not scalable and all scroll.

Formal Definition

Specifications

CSS Basic User Interface Module Level 4 # cursor

Syntax

/* Keyword value */
 cursor: auto;
 cursor: pointer;
 ... cursor: zoom-out;
 /* URL with mandatory keyword fallback */
 cursor: url(hand.cur), pointer;
 /* URL and coordinates, with mandatory keyword fallback */
 cursor: url(cursor_1.png) 4 12, auto;
 cursor: url(cursor_2.png) 2 2, pointer;
 /* URLs and fallback URLs (some with coordinates), with mandatory keyword fallback */
 cursor: url(cursor_1.svg) 4 5, url(cursor_2.svg), ... , url(cursor_n.cur) 5 5, progress;
 /* Global values */
 cursor: inherit;
 cursor: initial;
 cursor: revert;
 cursor: unset;

Code snippets

index.html

Source:index.html

cursors.css

Source:cursors.css

Browser Compatibility