<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.
* Some parts of this feature may have varying levels of support.
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:
denomalign-
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. numalign-
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 |
Browser compatibility
Enable JavaScript to view this browser compatibility table.