<mfrac>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2023.
The <mfrac> MathML element is used to display fractions. It can also be used
to mark up fraction-like objects such as
binomial coefficients
and Legendre symbols.
Syntax
<mfrac>numerator denominator</mfrac>
Attributes
This element's attributes include the global MathML attributes as well as the following attributes:
denomalignDeprecated Non-standard-
The alignment of the denominator under the fraction. Possible values are:
left,center(default), andright. linethickness-
A
<length-percentage>indicating the thickness of the horizontal fraction line. numalignDeprecated Non-standard-
The alignment of the numerator over the fraction. Possible values are:
left,center(default), andright.
Note:
For the linethickness attribute, some browsers may also accept the deprecated values medium, thin and thick (whose exact interpretation is left to implementers) or legacy MathML lengths.
Examples
>Simple fraction
The following MathML code should render as a fraction with numerator "a + 2" and denominator "3 − b":
<math display="block">
<mfrac>
<mrow>
<mi>a</mi>
<mo>+</mo>
<mn>2</mn>
</mrow>
<mrow>
<mn>3</mn>
<mo>−</mo>
<mi>b</mi>
</mrow>
</mfrac>
</math>
Fraction without bar
The following MathML code should render as a binomial coefficient:
<math display="block">
<mrow>
<mo>(</mo>
<mfrac linethickness="0">
<mi>n</mi>
<mi>k</mi>
</mfrac>
<mo>)</mo>
</mrow>
</math>
Technical summary
| Implicit ARIA role | None |
|---|
Specifications
| Specification |
|---|
| MathML Core> # fractions-mfrac> |