cursor-computed.html (2678B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS UI Level 3: getComputedStyle().cursor</title> 6 <link rel="help" href="https://drafts.csswg.org/css-ui-3/#cursor"> 7 <meta name="assert" content="cursor computed value is as specified for keywords."> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="/css/support/computed-testcommon.js"></script> 11 </head> 12 <body> 13 <div id="target"></div> 14 <script> 15 test_computed_value("cursor", "auto"); 16 test_computed_value("cursor", "default"); 17 test_computed_value("cursor", "none"); 18 test_computed_value("cursor", "context-menu"); 19 test_computed_value("cursor", "help"); 20 test_computed_value("cursor", "pointer"); 21 test_computed_value("cursor", "progress"); 22 test_computed_value("cursor", "wait"); 23 test_computed_value("cursor", "cell"); 24 test_computed_value("cursor", "crosshair"); 25 test_computed_value("cursor", "text"); 26 test_computed_value("cursor", "vertical-text"); 27 test_computed_value("cursor", "alias"); 28 test_computed_value("cursor", "copy"); 29 test_computed_value("cursor", "move"); 30 test_computed_value("cursor", "no-drop"); 31 test_computed_value("cursor", "not-allowed"); 32 test_computed_value("cursor", "grab"); 33 test_computed_value("cursor", "grabbing"); 34 test_computed_value("cursor", "e-resize"); 35 test_computed_value("cursor", "n-resize"); 36 test_computed_value("cursor", "ne-resize"); 37 test_computed_value("cursor", "nw-resize"); 38 test_computed_value("cursor", "s-resize"); 39 test_computed_value("cursor", "se-resize"); 40 test_computed_value("cursor", "sw-resize"); 41 test_computed_value("cursor", "w-resize"); 42 test_computed_value("cursor", "ew-resize"); 43 test_computed_value("cursor", "ns-resize"); 44 test_computed_value("cursor", "nesw-resize"); 45 test_computed_value("cursor", "nwse-resize"); 46 test_computed_value("cursor", "col-resize"); 47 test_computed_value("cursor", "row-resize"); 48 test_computed_value("cursor", "all-scroll"); 49 test_computed_value("cursor", "zoom-in"); 50 test_computed_value("cursor", "zoom-out"); 51 52 test_computed_value("cursor", "linear-gradient(200grad, red 10%, blue calc(75% - 2px)), auto", "linear-gradient(rgb(255, 0, 0) 10%, rgb(0, 0, 255) calc(75% - 2px), auto"); 53 test_computed_value("cursor", "radial-gradient(farthest-side at calc(5px + 10%), red, blue), pointer", "radial-gradient(farthest-side at calc(10% + 5px) 50%, rgb(255, 0, 0), rgb(0, 0, 255)), pointer"); 54 test_computed_value("cursor", "conic-gradient(from 3.1416rad at 20% 20%, red, blue), crosshair", "conic-gradient(from 180deg at 20% 20%, rgb(255, 0, 0), rgb(0, 0, 255), pointer"); 55 56 // Not yet tested: // [ [<url> [<x> <y>]?,]* 57 // "relative URLs converted to absolute" 58 </script> 59 </body> 60 </html>