MathML Fractions

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

MathML Fractions

In MathML, fraction is created by using the tag. The numerator is taken as the first argument, followed by the denominator. This tag is used to display the basic algebra equations on web pages.

For example: To represent

Mathml Fractions 1

Use the following MathML code:

  1. <math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>  
  2.   <mfrac>  
  3.     <mn>1mn>  
  4.     <mi>xmi>  
  5.   mfrac>  
  6. math>

Attributes of Fraction element

There are some useful attributes used with element to control its appearance:

Index Attribute Description
1) linethickness It specifies the stroke width of the fraction bar. Its value should be a length measured in px, pt, em, etc.
2) numalign It specifies the alignment of the numerator. It can be shifted left, right, or center.
3) denomalign It specifies the alignment of the denominator. It can be shifted left, right, or center.
4) bevelled It specifies whether the fraction should be displayed vertically or inline. It can be true or false.

Arranging complex fraction expressions

The above attributes are used to manually arrange the complex expressions.

For example: See the following complex fraction expression:

Mathml Fractions 2

Equivalent MathML code:

  1. <math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>  
  2.   <mfrac linethickness='3px'>  
  3.     <mfrac bevelled='true'>  
  4.       <mn>1mn>  
  5.       <mi>xmi>  
  6.     mfrac>  
  7.     <mrow>  
  8.       <mi>ymi>  
  9.       <mo>mo>  
  10.       <mn>2mn>  
  11.     mrow>  
  12.   mfrac>  
  13. math>  

Supporting Browsers:

Element chrome browser Chrome ie browser IE firefox browser Firefox (Gecko) opera browser Opera safari browser Safari
  Not Supported Not Supported Supported Not Supported Only Basic Support