Mypal/layout/reftests/mathml/mtable-rowalign-multi-mtabl...

147 lines
4.9 KiB
HTML

<!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 center bottom");
// Table 2 setup
table2.setAttribute("rowalign", "bottom top center");
// Table 3 setup
table3.setAttribute("rowalign", "center bottom top");
document.documentElement.removeAttribute("class");
}
window.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<body>
<b>rowalign="top center bottom"</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="bottom top 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="center bottom top"</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>