wm-propagation-body-dynamic-change-001.html (1144B)
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 <link rel=help href="https://drafts.csswg.org/css-writing-modes-3/#principal-flow"> 8 <link rel="match" href="block-flow-direction-025-ref.xht"> 9 <meta name=assert content="The writing mode of the body must be propagated to the root with the dynamic change."> 10 11 <script> 12 function runTest() { 13 document.body.offsetHeight; 14 document.body.style.writingMode = "vertical-rl"; 15 } 16 </script> 17 18 <style> 19 div { 20 background-color: blue; 21 height: 100px; 22 width: 100px; 23 } 24 </style> 25 26 <body onload="runTest();"> 27 <div></div> 28 29 <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled"></p> 30 <!-- 31 The image says: 32 Test passes if there is a blue square in the 33 <strong>upper-right corner</strong> of the page. 34 --> 35 </body> 36 </html>