<!DOCTYPE html> <html class="reftest-wait"> <head> <title>Test MathML rowalign</title> <script type="text/javascript"> function doTest() { var table1 = document.getElementById("table1"); var table2 = document.getElementById("table2"); var table3 = document.getElementById("table3"); // Table 1 setup table1.setAttribute("rowalign", "top"); // Table 2 setup table2.setAttribute("rowalign", "center"); // Table 3 setup table3.setAttribute("rowalign", "bottom"); document.documentElement.removeAttribute("class"); } window.addEventListener("MozReftestInvalidate", doTest, false); </script> </head> <body> <b>rowalign="top"</b> <br/> <math> <mstyle> <mtable id="table1"> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> </mtable> </mstyle> </math> <br /> <b>rowalign="center"</b> <br /> <math> <mstyle> <mtable id="table2"> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> </mtable> </mstyle> </math> <br /> <b>rowalign="bottom"</b> <br /> <math> <mstyle> <mtable id="table3"> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> <mtr> <mtd> <mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace> </mtd> <mtd> <mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace> </mtd> <mtd> <mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace> </mtd> </mtr> </mtable> </mstyle> </math> </body> </html>