cursor-text-001-manual.html (1040B)
1 <!DOCTYPE html> 2 <title>CSS Basic User Interface Test: cursor:text with vertical text</title> 3 <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> 4 <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> 5 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode"> 6 <meta name="flags" content="interact may"> 7 <meta charset="UTF-8"> 8 <meta name="assert" content="User agents may automatically display a horizontal I-beam/cursor (e.g. same as the vertical-text keyword) for vertical text."> 9 <style> 10 div { 11 cursor: text; 12 color: blue; 13 writing-mode: vertical-rl; 14 } 15 p { 16 cursor: text; 17 } 18 </style> 19 <body> 20 <p>The test passes if, when moved over the blue vertical text, the cursor indicates vertical-text that may be selected, 21 and looks different from the cursor used to indicate that horizontal text may be selected, 22 such as when placed over this sentence. 23 Often rendered as a horizontal I-beam.</p> 24 <p>Disregard this test if there is no vertical text.</p> 25 <div>Lorem ipsum</div> 26 </body>