| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>fractions linethickness</title> |
| <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac"> |
| <meta name="assert" content="Verifies deprecated 'thin', 'medium', 'thick' and unitless values have no effect on the linethickness of the mfrac element"> |
| <link rel="match" href="frac-linethickness-001-ref.html"> |
| <style type="text/css"> |
| @font-face { |
| font-family: TestFont; |
| src: url("/fonts/math/fraction-rulethickness10000.woff"); |
| } |
| math { |
| /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */ |
| font-family: "TestFont"; |
| font-size: 1px; |
| } |
| </style> |
| </head> |
| <body> |
| <p>This test passes if you see the same fraction four times.</p> |
| <math> |
| <mfrac linethickness="thin"> |
| <mspace width="20px" height="10px" style="background: blue"></mspace> |
| <mspace width="20px" height="10px" style="background: cyan"></mspace> |
| </mfrac> |
| <mspace width="20px"/> |
| <mfrac linethickness="medium"> |
| <mspace width="20px" height="10px" style="background: blue"></mspace> |
| <mspace width="20px" height="10px" style="background: cyan"></mspace> |
| </mfrac> |
| <mspace width="20px"/> |
| <mfrac linethickness="thick"> |
| <mspace width="20px" height="10px" style="background: blue"></mspace> |
| <mspace width="20px" height="10px" style="background: cyan"></mspace> |
| </mfrac> |
| <mspace width="20px"/> |
| <mfrac linethickness="5"> |
| <mspace width="20px" height="10px" style="background: blue"></mspace> |
| <mspace width="20px" height="10px" style="background: cyan"></mspace> |
| </mfrac> |
| </math> |
| <script src="/mathml/support/feature-detection.js"></script> |
| <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mfrac");</script> |
| </body> |
| </html> |
