text-orientation-020.html (1057B)
1 <!DOCTYPE html> 2 <html lang=en> 3 <meta charset="utf-8"> 4 <title>CSS Writing-Modes test: text-orientation on list markers</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 6 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-orientation"> 7 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-properties"> 8 <link rel=match href="reference/text-orientation-020-ref.html"> 9 <meta name="assert" content="text-orientation applies to text, and thus to the text in ::marker pseudos"> 10 <style> 11 .test ol { 12 text-orientation: mixed; /*the default*/ 13 } 14 .test ol li::marker { 15 text-orientation: upright; 16 } 17 .ref ol { 18 text-orientation: upright; 19 } 20 .ref span { 21 text-orientation: mixed; 22 } 23 figure { 24 writing-mode: vertical-rl; 25 border: solid 1px black; 26 padding: 1em 0 1ch; 27 margin: 0 1ch; 28 float: left; 29 } 30 </style> 31 32 <p>Test passes if the two boxes below are identical. 33 34 <figure class=test> 35 <ol><li>hello世界</ol> 36 </figure> 37 <figure class=ref> 38 <ol><li><span>hello世界</span></ol> 39 </figure>