<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 |
Browser compatibility
Loading…