mtable-dynamic-align-attribute-001.html (1315B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Test dynamic change of the align attribute</title> 4 <link rel="match" href="mtable-dynamic-align-attribute-001-ref.html"/> 5 <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.mtable"/> 6 <script> 7 document.documentElement.addEventListener("TestRendered", () => { 8 // Attach attribute align="top" to mtable. 9 mtable.setAttribute("align", "top"); 10 document.documentElement.removeAttribute("class"); 11 }); 12 </script> 13 <math> 14 <mspace id="baseline" height="1px" width="100px" style="background: black"/> 15 <mtable id="mtable"> 16 <mtr> 17 <mtd> 18 <mspace width="10px" height="10px" style="background: blue"/> 19 </mtd> 20 <mtd> 21 <mspace width="10px" height="10px" style="background: blue"/> 22 </mtd> 23 <mtd> 24 <mspace width="10px" height="10px" style="background: blue"/> 25 </mtd> 26 </mtr> 27 <mtr> 28 <mtd> 29 <mspace width="10px" height="10px" style="background: blue"/> 30 </mtd> 31 <mtd> 32 <mspace width="10px" height="10px" style="background: blue"/> 33 </mtd> 34 <mtd> 35 <mspace width="10px" height="10px" style="background: blue"/> 36 </mtd> 37 </mtr> 38 </mtable> 39 </math> 40 </html>