| <!DOCTYPE html><!-- webkit-test-runner [ CoreMathMLEnabled=false ] --> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>fractions linethickness</title> |
| <meta name="assert" content="Verifies 'thin', 'medium', 'thick' and unitless values for the linethickness attribute of the mfrac element"> |
| <link rel="match" href="frac-linethickness-001-ref.html"> |
| <style type="text/css"> |
| @font-face { |
| font-family: TestFont; |
| src: url("../resources/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 fractions with line thickness equal to the height of their blue numerator and cyan denominator.</p> |
| <math> |
| <mfrac linethickness="thin"> |
| <mspace width="20px" height="5px" style="background: blue"></mspace> |
| <mspace width="20px" height="5px" style="background: cyan"></mspace> |
| </mfrac> |
| <mfrac linethickness="medium"> |
| <mspace width="20px" height="10px" style="background: blue"></mspace> |
| <mspace width="20px" height="10px" style="background: cyan"></mspace> |
| </mfrac> |
| <mfrac linethickness="thick"> |
| <mspace width="20px" height="20px" style="background: blue"></mspace> |
| <mspace width="20px" height="20px" style="background: cyan"></mspace> |
| </mfrac> |
| <mfrac linethickness="5"> |
| <mspace width="20px" height="50px" style="background: blue"></mspace> |
| <mspace width="20px" height="50px" style="background: cyan"></mspace> |
| </mfrac> |
| </math> |
| </body> |
| </html> |
