blob: c001d2182d6db61eb74e67a0f424373e5a8cec6e [file] [log] [blame]
<!doctype html>
<html>
<head>
<title>Horizontal Operators</title>
<meta charset="utf-8"/>
</head>
<body>
<!-- We test various horizontal operators. They should stretch to cover the
size of the <mspace> element.
Note: A font with an OpenType MATH table is required. -->
<p>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x2190;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x2192;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x2194;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21A4;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21A6;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21BC;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21BD;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21C0;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21D0;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21D2;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21D4;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21DA;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21DB;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23B4;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23B5;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23DC;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23DD;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23DE;</mo></mover></math>
<math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23DF;</mo></mover></math>
</p>
<p>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x2190;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x2192;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x2194;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21A4;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21A6;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21BC;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21BD;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21C0;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21D0;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21D2;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21D4;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21DA;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21DB;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23B4;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23B5;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23DC;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23DD;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23DE;</mo></mover></math>
<math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23DF;</mo></mover></math>
</p>
<p>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x2190;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x2192;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x2194;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21A4;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21A6;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21BC;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21BD;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21C0;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21D0;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21D2;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21D4;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21DA;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21DB;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23B4;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23B5;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23DC;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23DD;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23DE;</mo></mover></math>
<math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23DF;</mo></mover></math>
</p>
</body>
</html>