wm-propagation-001.html (1014B)
1 <html> 2 <meta chartset=utf-8> 3 <title>CSS-Writing Modes Test: propagation of the writing-mode property from body to root</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <link rel=help href="https://drafts.csswg.org/css-writing-modes-3/#principal-flow"> 6 <link rel="match" href="wm-propagation-001-ref.html"> 7 <meta name=assert content="the writing mode of the body must be propagated to the root, but the computed value must not change."> 8 <style> 9 html { 10 writing-mode: horizontal-tb; 11 } 12 body { 13 writing-mode: vertical-rl; 14 width: 0; height: 0; 15 } 16 html::after { 17 content: "This text must be horizontal."; 18 display: block; 19 /* The writing mode inherited from the root must be horizontal 20 since the root's computed value should be horizontal */ 21 22 } 23 </style> 24 <script> 25 document.documentElement.append("This text must be vertical."); 26 /* This is direct content of the root, 27 and should therefore be vertical, 28 as the root's used value is vertical */ 29 </script>