1 <!DOCTYPE html>
2 <html><head><title>CSS Basic User Interface Test: cursor:text with vertical text</title>
3 <link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
4 <link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help">
5 <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help">
6 <meta content="interact may" name="flags">
7 <meta charset="UTF-8">
8 <meta content="User agents may automatically display a horizontal I-beam/cursor (e.g. same as the vertical-text keyword) for vertical text." name="assert">
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 </head><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
27 </body></html>