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. - class, id, style
- Provided for use with stylesheets.
- denomalign
- The alignment of the denominator under the fraction. Possible values are:
left,center(default), andright. - href
- Used to set a hyperlink to a specified URI.
- linethickness
- The thickness of the horizontal fraction line. The default value is
medium, butthin,thick, and other length values can be set. - mathbackground
- The background color. You can use
#rgb,#rrggbband HTML color names. - mathcolor
- The text color and also the fraction line color. You can use
#rgb,#rrggbband HTML color names. - numalign
- The alignment of the numerator over the fraction. Possible values are:
left,center(default), andright.
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
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | Not supported | 1.0 (1.7 or earlier) | Not supported | Not supported | 5.1 |
bevelled |
Not supported | 1.0 (1.7 or earlier) | Not supported | Not supported | Not supported |
href |
Not supported | 7.0 (7.0) | Not supported | Not supported | Not supported |
mathbackground |
Not supported | 4.0 (2.0) | Not supported | Not supported | 5.1 |
mathcolor |
Not supported | 4.0 (2.0) | Not supported | Not supported | 5.1 |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | Not supported | Not supported | 1.0 (1.0) | Not supported | Not supported | Not supported |
bevelled |
Not supported | Not supported | 1.0 (1.0) | Not supported | Not supported | Not supported |
href |
Not supported | Not supported | 7.0 (7.0) | Not supported | Not supported | Not supported |
mathbackground |
Not supported | Not supported | 4.0 (2.0) | Not supported | Not supported | Not supported |
mathcolor |
Not supported | Not supported | 4.0 (2.0) | Not supported | Not supported | Not supported |
Gecko-specific notes
- Starting with Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) the
mediumvalue for thelinethicknessattribute has been corrected to match the default thickness.