testing/web-platform/tests/mathml/presentation-markup/fractions/frac-linethickness-001-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>fractions linethickness</title>
   6     <style type="text/css">
   7       @font-face {
   8         font-family: TestFont;
   9         src: url("/fonts/math/fraction-rulethickness10000.woff");
  10       }
  11       math {
  12         /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */
  13         font-family: "TestFont";
  14         font-size: 1px;
  15       }
  16     </style>
  17   </head>
  18   <body>
  19     <p>This test passes if you see the same fraction four times.</p>
  20     <math>
  21       <mfrac>
  22         <mspace width="20px" height="10px" style="background: blue"></mspace>
  23         <mspace width="20px" height="10px" style="background: cyan"></mspace>
  24       </mfrac>
  25       <mspace width="20px"/>
  26       <mfrac>
  27         <mspace width="20px" height="10px" style="background: blue"></mspace>
  28         <mspace width="20px" height="10px" style="background: cyan"></mspace>
  29       </mfrac>
  30       <mspace width="20px"/>
  31       <mfrac>
  32         <mspace width="20px" height="10px" style="background: blue"></mspace>
  33         <mspace width="20px" height="10px" style="background: cyan"></mspace>
  34       </mfrac>
  35       <mspace width="20px"/>
  36       <mfrac>
  37         <mspace width="20px" height="10px" style="background: blue"></mspace>
  38         <mspace width="20px" height="10px" style="background: cyan"></mspace>
  39       </mfrac>
  40     </math>
  41   </body>
  42 </html>