frac-default-padding.html (1381B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>fraction default padding</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#fractions-mfrac"> 7 <meta name="assert" content="Verifies 1px padding is added around each side of the fraction."> 8 <link rel="match" href="frac-default-padding-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 /* The gap / shift / axisheight parameters are set to 0. */ 17 font-family: "TestFont"; 18 font-size: 1px; 19 } 20 </style> 21 </head> 22 <body> 23 <p>This test passes if you see three green squares of same size, separated by a gap of one pixel.</p> 24 <div> 25 <math> 26 <mspace width="150px" height="75px" depth="75px" style="background: green"/> 27 <mfrac style="color: green; font-size: 15em"> 28 <mspace id="numerator" width="150px"></mspace> 29 <mspace></mspace> 30 </mfrac> 31 <mspace width="150px" height="75px" depth="75px" style="background: green"/> 32 </math> 33 </div> 34 <script src="/mathml/support/feature-detection.js"></script> 35 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mfrac");</script> 36 </body> 37 </html>