wm-propagation-body-dynamic-change-002-ref.html (635B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS-Writing Modes Test: propagation of the writing-mode property from body to root</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> 7 8 <style> 9 html { 10 writing-mode: vertical-rl; 11 } 12 13 main { 14 writing-mode: horizontal-tb; 15 inline-size: 100px; 16 } 17 18 div { 19 background-color: blue; 20 height: 100px; 21 width: 100px; 22 } 23 </style> 24 25 <main> 26 <div></div> 27 <p>Test passes if you see a blue square in the upper-right corner of the page</p> 28 </main> 29 </html>