The MathML <mfrac>
element is used to display fractions.
Syntax
<mfrac>numerator denominator</mfrac>
Attributes
bevelled
- Specifies the way the fraction is displayed. If
true
, the fraction line is bevelled, which means that numerator and denominator are displayed side by side and separated by a slash (/). Otherwise, if set tofalse
(which is the default value), numerator and denominator are on top of each other.
This attribute is deprecated and will be removed in the future. Use U+2044 (fraction slash) instead. class
,id
,style
- Provided for use with stylesheets.
denomalign
- The alignment of the denominator under the fraction. Possible values are:
left
,center
(default), andright
.
This attribute is deprecated and will be removed in the future. Use CSStext-align
instead. href
- Used to set a hyperlink to a specified URI.
linethickness
- The thickness of the horizontal fraction line. This attributes accepts any length values.
The valuesmedium
,thin
, andthick
are deprecated and will be removed in the future. mathbackground
- The background color. You can use
#rgb
,#rrggbb
and HTML color names. mathcolor
- The text color and also the fraction line color. You can use
#rgb
,#rrggbb
and HTML color names. numalign
- The alignment of the numerator over the fraction. Possible values are:
left
,center
(default), andright
.
This attribute is deprecated and will be removed in the future. Use CSStext-align
instead.
Examples
Sample rendering:
Your browser rendering:
<math> <mfrac bevelled="true"> <mfrac> <mi> a </mi> <mi> b </mi> </mfrac> <mfrac> <mi> c </mi> <mi> d </mi> </mfrac> </mfrac> </math>
Specifications
Specification | Status | Comment |
---|---|---|
MathML 3.0 The definition of 'mfrac' in that specification. |
Recommendation | Current specification |
MathML 2.0 The definition of 'mfrac' in that specification. |
Recommendation | Initial specification |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
mfrac | Chrome No support No | Edge No support No | Firefox Full support 1 | IE No support No | Opera No support No | Safari Full support 5.1 | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 4 | Opera Android No support No | Safari iOS Full support 5.1 | Samsung Internet Android No support No |
bevelled | Chrome No support No | Edge No support No | Firefox Full support 1 | IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 4 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
denomalign | Chrome No support No | Edge No support No | Firefox
Full support
1
| IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 4 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
href | Chrome No support No | Edge No support No | Firefox Full support 7 | IE No support No | Opera No support No | Safari Full support 10 | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 7 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
linethickness | Chrome No support No | Edge No support No | Firefox Full support 1 | IE No support No | Opera No support No | Safari
Full support
5.1
| WebView Android No support No | Chrome Android No support No | Firefox Android Full support 4 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
mathbackground | Chrome No support No | Edge No support No | Firefox Full support 4 | IE No support No | Opera No support No | Safari Full support 6 | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 4 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
mathcolor | Chrome No support No | Edge No support No | Firefox Full support 4 | IE No support No | Opera No support No | Safari Full support 6 | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 4 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
numalign | Chrome No support No | Edge No support No | Firefox
Full support
1
| IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 4 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
Legend
- Full support
- Full support
- No support
- No support
- Deprecated. Not for use in new websites.
- Deprecated. Not for use in new websites.
- See implementation notes.
- See implementation notes.