MathML Demo: <mfrac> - fractions - Mozilla

Inline, auto, normal line $\frac{\sin θ}{π}$ , numerator and denominator should render script size.
Inline, display style, normal line $\frac{\ln x}{y}$ , numerator and denominator should render normal size.
Inline, text style, normal line $\frac{\tan θ}{67}$ , numerator and denominator should render script size.
Inline, auto, thick line $\frac{x^{2} + 1}{x}$ , the superscripted 2 should be script-script size.
Inline, display style, thick line $\frac{x - 1}{0.98 \times 10^{2} + y}$ , the superscripted 2 should be script size.
Inline, text style, thick line $\frac{x^{2} + 1}{x} \frac{x^{2} + 1}{x}$ the end.
Inline, auto, no line $\binom{x^{2} + 1}{x}$ the end.
Inline, display style, no line $\binom{1.234567}{89 + x}$ the end.
Inline, text style, no line $\binom{x^{2} + 1}{x}$ the end.
Inline binomial, auto, no line $(\binom{5}{8})$ the end.
Inline binomial, display style, no line $(\binom{n - k}{n})$ the end.
Inline binomial, text style, no line $(\binom{\log x}{y})$ the end.
Inline built-in verts, auto, no line $| \binom{\sin θ}{M} |$ the end.
Inline up arrows, display style, no line $↑ \binom{\sin θ}{M} ↑$ the end.
Inline down arrows, text style, no line $↓ \binom{\sin θ}{M} ↓$ the end.
Inline floor, auto, normal line $⌊ \frac{\sin θ}{M} ⌋$ the end.
Inline ceiling, display style, normal line $⌈ \frac{\sin θ}{M} ⌉$ the end.
Inline updown arrows, text style, normal line $↕ \frac{\sin θ}{M} ↕$ the end.
Inline double up arrows, auto, thick line $⇑ \frac{\sin θ}{M} ⇑$ the end.
Inline double down arrows, display style, thick line $⇓ \frac{\sin θ}{M} ⇓$ the end.
Inline double up down arrows, text style, thick line $⇕ \frac{\sin θ}{M} ⇕$ the end.
Inline, styles auto, display and text $\frac{1}{2} - \frac{1}{2} + \frac{1.23456}{7890}$ , the rendering should be script-size, normal-size and script-size in this example. Fraction lines should align vertically with the math axis.
The same expression $\frac{1}{2} - \frac{1}{2} + \frac{1.23456}{7890}$ in a display.
Inline fenced nested fractions $[\frac{∥ \frac{\sin θ + 1}{11} ∥ - x}{\frac{x^{2}}{a_{1}}}] + [1.0]$ etc.
The same expression $[\frac{∥ \frac{\sin θ + 1}{11} ∥ - x}{\frac{x^{2}}{a_{1}}}] + [1.0]$ in a display.
LaTeX renders continued fractions $\frac{1}{\sqrt{2} + \frac{1}{\sqrt{3} + \frac{1}{\sqrt{4} + \frac{1}{\sqrt{5} + \frac{1}{\sqrt{6} + \dots}}}}}$ normal size at all levels in all contexts
$\frac{1}{\sqrt{2} + \frac{1}{\sqrt{3} + \frac{1}{\sqrt{4} + \frac{1}{\sqrt{5} + \frac{1}{\sqrt{6} + \dots}}}}}$
Inline nested fracs $\frac{1^{\sqrt{6}}}{\sqrt{2} + \frac{1}{\sqrt{3} + \frac{1}{\sqrt{4} + \frac{1}{\sqrt{5} + \frac{1}{\sqrt{6} + \dots}}}}}$ are script size at the first level and decrease to script script size for all more nested levels.
Displayed nested fractions are normal size at the first level, $\frac{1^{\sqrt{6}}}{\sqrt{2} + \frac{1}{\sqrt{3} + \frac{1}{\sqrt{4} + \frac{1}{\sqrt{5} + \frac{1}{\sqrt{6} + \dots}}}}}$ script size at second level, and script-script size at all more nested levels.
$HypergeomDist (x; M, K, n) = \sum_{k = 0}^{x} \frac{(\binom{K}{k}) (\binom{M - K}{n - k})}{(\binom{M}{n})}$
Here's a display $F (t, y) = \frac{(1, \frac{ⅆ y}{ⅆ t})}{∥ (1, \frac{ⅆ y}{ⅆ t}) ∥}$ with some real math in it.
And this is an example where the bevelled attribute is set inside the radical $\frac{y^{2} - t^{2}}{\sqrt{\frac{1}{(1 + {| y^{2} - t^{2} |}^{2})}}}$

And this shows a combination with a background image at a desired opacity

MathML Background Image

HTML Content

<div class="background"></div>
<math display="block">
<mrow>
<msub>
<mi>Z</mi>
<mi>&alpha;</mi>
</msub>
<mrow>
<mo>(</mo>
<mi>f</mi>
<mo>)</mo>
</mrow>
<mo>=</mo>

<mfrac>
<mn>1</mn>
<mrow>
<mn>2</mn>
<mi>i</mi>
<mo>&ThinSpace;</mo>
<mi>cos</mi>
<mo>(</mo>
<mfrac>
<mrow>
<mi>&alpha;</mi>
<mi>&pi;</mi>
</mrow>
<mn>2</mn>
</mfrac>
<mo>)</mo>
</mrow>
</mfrac>

<mrow>
<msub>
<mo>&int;</mo>
<mi>C</mi>
</msub>
<mfrac>
<mrow>
<mi>f</mi>
<mo stretchy='false'>(</mo>
<mi>i</mi>
<mi>z</mi>
<mo stretchy='false'>)</mo>
<msup>
<mrow>
<mo>(</mo>
<mo>-</mo>
<mi>z</mi>
<mo>)</mo>
</mrow>
<mi>&alpha;</mi>
</msup>
</mrow>
<mrow>
<msup>
<mi>e</mi>
<mrow>
<mn>2</mn>
<mi>&pi;</mi>
<mi>z</mi>
</mrow>
</msup>
<mo>-</mo>
<mn>1</mn>
</mrow>
</mfrac>
</mrow>
<mi>d</mi>
<mi>z</mi>
</mrow>
</math>

CSS Content

[class="background"] {
  background-image: url(https://www.mozilla.org/images/mozilla-banner.gif);
  opacity: 0.2;
  position: absolute;
  left: 0;
  width: 100%;
  height: 58px;
}

MathML Demo: <mfrac> - fractions

MathML Background Image

HTML Content

CSS Content

Document Tags and Contributors