frac-linethickness-001.html (2835B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>fractions linethickness</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#fractions-mfrac"> 7 <meta name="assert" content="Verifies deprecated 'thin', 'medium', 'thick' and unitless values have no effect on the linethickness of the mfrac element"> 8 <link rel="match" href="frac-linethickness-001-ref.html"> 9 <style type="text/css"> 10 @font-face { 11 font-family: TestFont; 12 src: url("/fonts/math/fraction-rulethickness10000.woff"); 13 } 14 math { 15 /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */ 16 font-family: "TestFont"; 17 font-size: 1px; 18 } 19 </style> 20 </head> 21 <body> 22 <p>This test passes if you see the same fraction eight times.</p> 23 <math> 24 <mfrac linethickness="thin"> 25 <mspace width="20px" height="10px" style="background: blue"></mspace> 26 <mspace width="20px" height="10px" style="background: cyan"></mspace> 27 </mfrac> 28 <mspace width="20px"/> 29 <mfrac linethickness="medium"> 30 <mspace width="20px" height="10px" style="background: blue"></mspace> 31 <mspace width="20px" height="10px" style="background: cyan"></mspace> 32 </mfrac> 33 <mspace width="20px"/> 34 <mfrac linethickness="thick"> 35 <mspace width="20px" height="10px" style="background: blue"></mspace> 36 <mspace width="20px" height="10px" style="background: cyan"></mspace> 37 </mfrac> 38 <mspace width="20px"/> 39 <mfrac linethickness="5"> 40 <mspace width="20px" height="10px" style="background: blue"></mspace> 41 <mspace width="20px" height="10px" style="background: cyan"></mspace> 42 </mfrac> 43 <mspace width="20px"/> 44 <mfrac linethickness="100%"> 45 <mspace width="20px" height="10px" style="background: blue"></mspace> 46 <mspace width="20px" height="10px" style="background: cyan"></mspace> 47 </mfrac> 48 <mspace width="20px"/> 49 <mfrac linethickness="100%"> 50 <mspace width="20px" height="10px" style="background: blue"></mspace> 51 <mspace width="20px" height="10px" style="background: cyan"></mspace> 52 </mfrac> 53 <mspace width="20px"/> 54 <mfrac linethickness="2km"> 55 <mspace width="20px" height="10px" style="background: blue"></mspace> 56 <mspace width="20px" height="10px" style="background: cyan"></mspace> 57 </mfrac> 58 <mspace width="20px"/> 59 <mfrac linethickness="cat"> 60 <mspace width="20px" height="10px" style="background: blue"></mspace> 61 <mspace width="20px" height="10px" style="background: cyan"></mspace> 62 </mfrac> 63 </math> 64 <script src="/mathml/support/feature-detection.js"></script> 65 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mfrac");</script> 66 </body> 67 </html>