mtable-rowalign-multi-mtable-dynamic.html (5118B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>Test MathML rowalign</title> 5 <link rel="match" href="mtable-rowalign-multi-ref.html"/> 6 <script type="text/javascript"> 7 function doTest() 8 { 9 var table1 = document.getElementById("table1"); 10 var table2 = document.getElementById("table2"); 11 var table3 = document.getElementById("table3"); 12 13 // Table 1 setup 14 table1.setAttribute("rowalign", "top center bottom"); 15 // Table 2 setup 16 table2.setAttribute("rowalign", "bottom top center"); 17 // Table 3 setup 18 table3.setAttribute("rowalign", "center bottom top"); 19 20 document.documentElement.removeAttribute("class"); 21 } 22 document.documentElement.addEventListener("TestRendered", doTest); 23 </script> 24 </head> 25 <body> 26 <b>rowalign="top center bottom"</b> <br/> 27 <math> 28 <mstyle> 29 <mtable id="table1"> 30 <mtr> 31 <mtd> 32 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 33 </mtd> 34 <mtd> 35 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 36 </mtd> 37 <mtd> 38 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 39 </mtd> 40 </mtr> 41 <mtr> 42 <mtd> 43 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 44 </mtd> 45 <mtd> 46 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 47 </mtd> 48 <mtd> 49 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 50 </mtd> 51 </mtr> 52 <mtr> 53 <mtd> 54 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 55 </mtd> 56 <mtd> 57 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 58 </mtd> 59 <mtd> 60 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 61 </mtd> 62 </mtr> 63 </mtable> 64 </mstyle> 65 </math> <br /> 66 <b>rowalign="bottom top center"</b> <br /> 67 <math> 68 <mstyle> 69 <mtable id="table2"> 70 <mtr> 71 <mtd> 72 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 73 </mtd> 74 <mtd> 75 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 76 </mtd> 77 <mtd> 78 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 79 </mtd> 80 </mtr> 81 <mtr> 82 <mtd> 83 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 84 </mtd> 85 <mtd> 86 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 87 </mtd> 88 <mtd> 89 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 90 </mtd> 91 </mtr> 92 <mtr> 93 <mtd> 94 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 95 </mtd> 96 <mtd> 97 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 98 </mtd> 99 <mtd> 100 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 101 </mtd> 102 </mtr> 103 </mtable> 104 </mstyle> 105 </math> <br /> 106 <b>rowalign="center bottom top"</b> <br /> 107 <math> 108 <mstyle> 109 <mtable id="table3"> 110 <mtr> 111 <mtd> 112 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 113 </mtd> 114 <mtd> 115 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 116 </mtd> 117 <mtd> 118 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 119 </mtd> 120 </mtr> 121 <mtr> 122 <mtd> 123 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 124 </mtd> 125 <mtd> 126 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 127 </mtd> 128 <mtd> 129 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 130 </mtd> 131 </mtr> 132 <mtr> 133 <mtd> 134 <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> 135 </mtd> 136 <mtd> 137 <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> 138 </mtd> 139 <mtd> 140 <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> 141 </mtd> 142 </mtr> 143 </mtable> 144 </mstyle> 145 </math> 146 </body> 147 </html>