CSS2 Test Suite: 18.1 cursor

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

TD {background: white;}
.cl1 {cursor: auto;}
.cl2 {cursor: default;}
.cl3 {cursor: crosshair;}
.cl4 {cursor: pointer;}
.cl5 {cursor: move;}
.cl6 {cursor: n-resize;}
.cl7 {cursor: e-resize;}
.cl8 {cursor: s-resize;}
.cl9 {cursor: w-resize;}
.cl10 {cursor: ne-resize;}
.cl11 {cursor: se-resize;}
.cl12 {cursor: sw-resize;}
.cl13 {cursor: nw-resize;}
.cl14 {cursor: text;}
.cl15 {cursor: wait;}
.cl16 {cursor: help;}
.cl17 {cursor: url(Globe.ani);}
[cl1] auto [cl2] default [cl3] crosshair [cl4] pointer [cl5] move
[cl6] n-resize [cl7] e-resize [cl8] s-resize [cl9] w-resize
[cl10] ne-resize [cl11] se-resize [cl12] sw-resize [cl13] nw-resize
[cl14] text [cl15] wait [cl16] help [cl17] url(...)
[cl3] This is a DIV which is set to set the pointer to be a crosshair when the ponter is over the content area of the DIV. It contains a paragraph which has a class to set the wait cursor, but an inline style which will override it with cursor: inherit. And now:

[cl16] This is the paragraph. Instead of the wait cursor, the crosshair should be seen. The paragraph ends here.

Here we return to the DIV, which also ends here.
[index page] [section] [Previous] [Next] [Specification]