Specification link: 16.8 Cursors

filters-turb-01-f ← index → masking-intro-01-f

# interact-cursor-01-f
SVG Image | PNG Image

Purpose of test is to determine if the cursor property and cursor element are supported. Firstly, the default cursor behaviour should be examined. Move the cursor to the top left corner, in the white area. This is the default cursor. Now move the cursor over the text at the top of the example. The cursor changes to the text cursor. Lastly, move the cursor to the blue link text - the cursor changes to the pointer cursor.

Now, move the cursor in turn to each of the gray rectangles (but not on top of the white text label text). From top to bottom in the first row, the cursor should change to:

1. A crosshair or other 'accurate positioning' cursor
2. The 'default' cursor, as noted above
3. The 'pointer' cursor, as noted above
4. A cursor indicating movement, such as panning

Now from top to bottom in the second row, the cursor should change to:

1. The 'text' cursor, as noted above
2. A 'wait' cursor
3. A 'help' cursor
4. A special cursor which looks like a small magnifying glass. This is a downloaded image cursor.

Moving to the bottom-leftmost of the eight red triangles, and moving around them clockwise, the cursor should change to:

SouthEast-resize, South-resize, SouthWest resize, West-resize, NorthWest-resize, North-resize, NorthEast-resize, East-resize.

Lastly, move the cursor to the target in the bottom-right of the test. The cursor must not change to the 'pointer' cursor, but instread to the special magnifying glass cursor as noted above.

filters-turb-01-f ← index → masking-intro-01-f

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.