cursor-image-014

Cursor property, image() value

WeasyPrint

This browser

Flags
image, interact, may
Assertion
For cursors, UAs may support the image() function, which are part of value type.

Source

 1 <!DOCTYPE html>
 2 <html><head><title>CSS Basic User Interface Test: Cursor property, image() value</title>
 3 <link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
 4 <link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help">
 5 <meta content="interact image may" name="flags">
 6 <meta charset="UTF-8">
 7 <meta content="For cursors, UAs may support the image() function, which are part of <image> value type." name="assert">
 8 
 9 <style>
10 div.test{
11   background: #D2B48C; border: 2px solid #555;
12   cursor: image(green), help;
13   width: 128px; height: 128px;
14 }
15 </style>
16 </head><body>
17   <p>The test passes if, when moved inside the colored rectangle, the cursor looks like
18   a solid patch of green.</p>
19   <p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
20   <div class="test"> </div>
21 
22 </body></html>