18.1 Cursors: the 'cursor' property

Chapter 18 - User interface - 18.1 Cursors: the 'cursor' property

Go to the relevant page of the specification.

cursor-001 (image, interact)

Cursor using the 'url()' function
Cursor 'uri' results in the cursor that is specified by the URI.

cursor-002 (interact)

Cursor set to 'auto'
Cursor 'auto' results in a cursor that is determined by the user agent according to the context.

cursor-003 (interact)

Cursor set to 'crosshair'
Cursor 'crosshair' results in a crosshair cursor resembling a '+' sign.

cursor-004 (interact)

Cursor set to 'default'
Cursor 'default' results in the default cursor.

cursor-005 (interact)

Cursor set to 'pointer'
Cursor 'pointer' results in a cursor that indicates a link.

cursor-006 (interact)

Cursor set to 'move'
Cursor 'move' results in a cursor that indicates an element can be moved.

cursor-007 (interact)

Cursor set to 'e-resize'
Cursor 'e-resize' results in a cursor that indicates the east edge of an element can be moved.

cursor-008 (interact)

Cursor set to 'ne-resize'
Cursor 'ne-resize' results in a cursor that indicates the north-east corner of an element can be moved.

cursor-009 (interact)

Cursor set to 'nw-resize'
Cursor 'nw-resize' results in a cursor that indicates the north-west corner of an element can be moved.

cursor-010 (interact)

Cursor set to 'n-resize'
Cursor 'n-resize' results in a cursor that indicates the north edge of an element can be moved.

cursor-011 (interact)

Cursor set to 'se-resize'
Cursor 'se-resize' results in a cursor that indicates the south-east corner of an element can be moved.

cursor-012 (interact)

Cursor set to 'sw-resize'
Cursor 'sw-resize' results in a cursor that indicates the south-west corner of an element can be moved.

cursor-013 (interact)

Cursor set to 's-resize'
Cursor 's-resize' results in a cursor that indicates the south edge of an element can be moved.

cursor-014 (interact)

Cursor set to 'w-resize'
Cursor 'w-resize' results in a cursor that indicates the west edge of an element can be moved.

cursor-015 (interact)

Cursor set to 'text'
Cursor 'text' results in a cursor that indicates user can select or input text.

cursor-016 (interact)

Cursor set to 'wait'
Cursor 'wait' results in a cursor that indicates the page is busy and user needs to wait.

cursor-017 (interact)

Cursor set to 'help'
Cursor 'help' results in a cursor that indicates help information is available.

cursor-018 (interact)

Cursor set to 'progress'
Cursor 'progress' results in a cursor that indicates something is in progression.

cursor-019 (interact)

Cursor set to 'inherit'
Cursor 'inherit' results in the same cursor value as the parent element has.

cursor-020 (interact)

cursor - value
If the user agent cannot handle an user-defined cursor, it must use the generic cursor at the end of the list. The auto value should make UA determine the cursor to display based on the current context.

cursor-021 (interact, invalid)

cursor - value
When an user-defined cursor is provided, a generic cursor value must be provided at the end of the list.

cursor-022 (interact, invalid)

cursor - set to an invalid value
The property 'cursor', when set to an invalid value or an illegal value, must be ignored. Then, instead, the cursor to display should be based on the current context.

cursor-023 (image, interact)

PNG or GIF cursor

cursor-024 (animated, image, interact, may)

animated GIF cursor

cursor-applies-to-001 (interact)

Cursor applied to element with 'display' set to 'table-row-group'
The 'cursor' property applies to elements with a display of table-row-group.

cursor-applies-to-002 (interact)

Cursor applied to element with 'display' set to 'table-header-group'
The 'cursor' property applies to elements with a display of table-header-group.

cursor-applies-to-003 (interact)

Cursor applied to element with 'display' set to 'table-footer-group'
The 'cursor' property applies to elements with a display of table-footer-group.

cursor-applies-to-004 (interact)

Cursor applied to element with 'display' set to 'table-row'
The 'cursor' property applies to elements with a display of table-row.

cursor-applies-to-005 (interact)

Cursor applied to element with 'display' set to 'table-column-group'
The 'cursor' property does not apply to elements with a display of table-column-group.

cursor-applies-to-006 (interact)

Cursor applied to element with 'display' set to 'table-column'
The 'cursor' property does not apply to elements with a display of table-column.

cursor-applies-to-007 (interact)

Cursor applied to element with 'display' set to 'table-cell'
The 'cursor' property applies to elements with a display of table-cell.

cursor-applies-to-008 (interact)

Cursor applied to element with 'display' set to 'inline'
The 'cursor' property applies to elements with a display of inline.

cursor-applies-to-009 (interact)

Cursor applied to element with 'display' set to 'block'
The 'cursor' property applies to elements with a display of block.

cursor-applies-to-010 (interact)

Cursor applied to element with 'display' set to 'list-item'
The 'cursor' property applies to elements with a 'display' set to 'list-item'.

cursor-applies-to-012 (interact)

Cursor applied to element with 'display' set to 'inline-block'
The 'cursor' property applies to elements with a display of inline-block.

cursor-applies-to-013 (interact)

Cursor applied to element with 'display' set to 'table'
The 'cursor' property applies to elements with a display of table.

cursor-applies-to-014 (interact)

Cursor applied to element with 'display' set to 'inline-table'
The 'cursor' property applies to elements with a display of inline-table.

cursor-applies-to-015 (interact)

Cursor applied to element with 'display' set to 'table-caption'
The 'cursor' property applies to elements with a display of table-caption.

cursor-fallback-001 (interact)

Cursor specified with missing image for the url()
When a specified URL cursor doesn't exist, the next specified cursor is used.

cursor-url-001 (image, interact)

Url cursor
URI cursor is applied correctly.