<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>mathsize and css keywords</title>
    <link rel="help" href="https://w3c.github.io/mathml-core/#css-styling">
    <link rel="help" href="https://w3c.github.io/mathml-core/#legacy-mathml-style-attributes">
    <meta name="assert" content="Verify that CSS font-size keywords are invalid for the mathsize attribute.">
    <link rel="match" href="mathsize-attribute-css-keywords-ref.html">
    <script src="/mathml/support/feature-detection.js"></script>
  </head>
  <body>
    <p>Test passes if you see 14 "A" of equal size:</p>
    <math>
      <mtext>A</mtext>
      <mtext mathsize="xx-small">A</mtext>
      <mtext mathsize="x-small">A</mtext>
      <mtext mathsize="small">A</mtext>
      <mtext mathsize="medium">A</mtext>
      <mtext mathsize="large">A</mtext>
      <mtext mathsize="x-large">A</mtext>
      <mtext mathsize="xx-large">A</mtext>
      <mtext mathsize="larger">A</mtext>
      <mtext mathsize="smaller">A</mtext>
      <mtext mathsize="xx-ſmall">A</mtext>
      <mtext mathsize="x-ſmall">A</mtext>
      <mtext mathsize="ſmall">A</mtext>
      <mtext mathsize="ſmaller">A</mtext>
    </math>
   <script src="/mathml/support/feature-detection.js"></script>
   <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mathsize");</script>
  </body>
</html>
