<mfrac>
Baseline 2023
Newly available
Since January 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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
Deprecated 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. numalign
Deprecated 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
BCD tables only load in the browser