MathML Fundamentals - Fractions mfrac

The mfrac element is used for fractions. MathML Fundamentals

Fractions Tests- mfrac Left To Right Atribute test: linethickness a b + a b + a b + a b + a b + a b Atribute test: linethickness thin, medium, thick a b + a b + a b + a b + a b Atribute test: numalign-left, center, right a bcd + a bcd + a bcd Atribute test: denomalign-left, center, right efg h + efg h + efg h Atribute test: bevelled-true, false A BC + ABC A BC + ABC Atribute test: bevelled, linethickness,numalign, denomalign x - y 2 + e 3 3 x 2 2 8 = 1 + 1 + g 1 + a - q + 7 2 p 3 e 2 ( 4 + q ) 1 + 6 a + 1 a + 1 a + 1 a Right To Left Atribute test: linethickness a b + a b + a b + a b + a b + a b Atribute test: linethickness thin, medium, thick a b + a b + a b + a b + a b Atribute test: numalign-left, center, right a bcd + a bcd + a bcd Atribute test: denomalign-left, center, right efg h + efg h + efg h Atribute test: bevelled-true, false A BC + ABC A BC + ABC Atribute test: bevelled, linethickness,numalign, denomalign x - y 2 + e 3 3 x 2 2 8 = 1 + 1 + g 1 + a - q + 7 2 p 3 e 2 ( 4 + q ) 1 + 6 a + 1 a + 1 a + 1 a

MathML

<math style="border:1px">
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mtext style="border:1px;" mathsize="50" color="DarkRed">Fractions Tests- mfrac</mtext>
    <mspace linebreak="newline" indentalign="center"></mspace>
	    
    <mrow  style="border:1px">
	    <mspace linebreak="newline"></mspace>
	    <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Left To Right</mtext>
	    
	    <mspace linebreak="newline" indentalign="center"></mspace>
	    <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: linethickness</mtext>
	    <mspace linebreak="newline" indentalign="center"></mspace>
	    
	        <mfrac style="border:1px" linethickness="0">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px" linethickness="1">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px" linethickness="2">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px" linethickness="3">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px" linethickness="4">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	    <mspace linebreak="newline" indentalign="center"></mspace>
	    <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: linethickness thin, medium, thick</mtext>
	    <mspace linebreak="newline" indentalign="center"></mspace>
	    <mrow style="border:1px;">
	        <mfrac mathsize="30">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac mathsize="100">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac mathsize="100" linethickness="thin">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac mathsize="100" linethickness="medium">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac mathsize="100" linethickness="thick">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	     </mrow> 
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: numalign-left, center, right</mtext>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mrow style="border:1px;">
	        	<mfrac numalign='left'>
					<mi>a</mi>
					<mi>bcd</mi>
				</mfrac>
				<mo>+</mo>
	          <mfrac numalign="center">
	                <mi>a</mi>
	                <mi>bcd</mi>
	            </mfrac>
	            <mo>+</mo>
	            <mfrac numalign="right">
	                <mi>a</mi>
	                <mi>bcd</mi>
	            </mfrac> 
	      </mrow>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: denomalign-left, center, right</mtext>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mrow style="border:1px;"> 
	         <mfrac denomalign="left">
	                <mi>efg</mi>
	                <mi>h</mi>
	         </mfrac>
	         <mo>+</mo>
	         <mfrac denomalign="center">
	                <mi>efg</mi>
	                <mi>h</mi>
	         </mfrac>
	         <mo>+</mo>
	         <mfrac denomalign="right">
	                <mi>efg</mi>
	                <mi>h</mi>
	     	 </mfrac>
	     </mrow>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: bevelled-true, false</mtext>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	        <mfrac style="border:1px; padding:1px" bevelled="true">
	            <mi style="border:1px">A</mi>
	            <mi style="border:1px">BC</mi>
	        </mfrac>
	       <mo>+</mo>
	       <mi style="border:1px">ABC</mi>
	       <mspace linebreak="newline" indentalign="center"></mspace>
	       <mfrac style="border:1px; padding:1px" bevelled="false">
	            <mi style="border:1px">A</mi>
	            <mi style="border:1px">BC</mi>
	        </mfrac>
	       <mo>+</mo>
	       <mi style="border:1px">ABC</mi>
	       
	       <mspace linebreak="newline" indentalign="center"></mspace>
	       <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: bevelled, linethickness,numalign, denomalign</mtext>
	       <mspace linebreak="newline" indentalign="center"></mspace>
	       
	       
		    <msup>
		        <mrow>
		            <mi>x</mi>
		            <mo>-</mo>
		            <mi>y</mi>
		        </mrow>
		        <mfrac bevelled="true">
		            <mrow>
		                <mfenced>
		                    <mrow>
		                        <mn>2</mn>
		                        <mo>+</mo>
		                        <msup>
		                            <mn>e</mn>
		                            <mn>3</mn>
		                        </msup>
		                    </mrow>
		                </mfenced>
		            </mrow>
		            <mfrac bevelled="true">
		                <mrow>
		                    <mn>3</mn>
		                    <mo>⁢</mo>
		                    <mi>x</mi>
		                </mrow>
		                <mrow>
		                    <msup>
		                        <mrow>
		                            <msup>
		                                <mn>2</mn>
		                                <mn>2</mn>
		                            </msup>
		                        </mrow>
		                        <mn>8</mn>
		                    </msup>
		                </mrow>
		            </mfrac>
		        </mfrac>
		    </msup>
		    <mo>=</mo>
		    <mn>1</mn>
		    <mo>+</mo>
		    <mfrac>
		        <mrow>
		            <mn>1</mn>
		            <mo>+</mo>
		            <mi>g</mi>
		            <mo>⁢</mo>
		            <mfrac>
		                <mrow>
		                    <mn>1</mn>
		                    <mo>+</mo>
		                    <mroot>
		                        <mfrac denomalign="left">
		                            <mrow>
		                                <mi>a</mi>
		                                <mo>-</mo>
		                                <mi>q</mi>
		                                <mo>+</mo>
		                                <mn>7</mn>
		                            </mrow>
		                            <mrow>
		                                <mn>2</mn>
		                                <mo>⁢</mo>
		                                <mi>p</mi>
		                            </mrow>
		                        </mfrac>
		                        <mn>3</mn>
		                    </mroot>
		                </mrow>
		                <msup>
		                    <mn>e</mn>
		                    <mfrac linethickness="thin" bevelled="true" numalign="left">
		                        <mn>2</mn>
		                        <mrow>
		                            <mo>(</mo>
		                            <mn>4</mn>
		                            <mo>+</mo>
		                            <mi>q</mi>
		                            <mo>)</mo>
		                        </mrow>
		                    </mfrac>
		                </msup>
		            </mfrac>
		        </mrow>
		        <mrow>
		            <mn>1</mn>
		            <mo>+</mo>
		            <mfrac linethickness="-5px" numalign="right">
		                <mn>6</mn>
		                <mrow>
		                    <mi>a</mi>
		                    <mo>+</mo>
		                    <mfrac numalign="left" denomalign="right">
		                        <mn>1</mn>
		                        <mrow>
		                            <mi>a</mi>
		                            <mo>+</mo>
		                            <mfrac linethickness="thick">
		                                <mn>1</mn>
		                                <mrow>
		                                    <mi>a</mi>
		                                    <mo>+</mo>
		                                    <mfrac linethickness="1pt" bevelled="true" numalign="left" denomalign="right">
		                                        <mn>1</mn>
		                                        <mi>a</mi>
		                                    </mfrac>
		                                </mrow>
		                            </mfrac>
		                        </mrow>
		                    </mfrac>
		                </mrow>
		            </mfrac>
		        </mrow>
		    </mfrac>
	       
	</mrow>   
	<mspace linebreak="newline" indentalign="center"></mspace>    
    <mrow dir="rtl"  style="border:1px">
	    <mspace linebreak="newline"></mspace>
	    <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Right To Left</mtext>
	    
	    <mspace linebreak="newline" indentalign="center"></mspace>
	    <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: linethickness</mtext>
	    <mspace linebreak="newline" indentalign="center"></mspace>
	    
	        <mfrac style="border:1px" linethickness="0">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px" linethickness="1">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px" linethickness="2">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px" linethickness="3">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px" linethickness="4">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac style="border:1px">
	            <mi style="border:1px">a</mi>
	            <mi style="border:1px;">b</mi>
	        </mfrac>
	    <mspace linebreak="newline" indentalign="center"></mspace>
	    <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: linethickness thin, medium, thick</mtext>
	    <mspace linebreak="newline" indentalign="center"></mspace>
	    <mrow style="border:1px;">
	        <mfrac mathsize="30">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac mathsize="100">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac mathsize="100" linethickness="thin">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac mathsize="100" linethickness="medium">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	        <mo>+</mo>
	        <mfrac mathsize="100" linethickness="thick">
	            <mi>a</mi>
	            <mi>b</mi>
	        </mfrac>
	     </mrow> 
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: numalign-left, center, right</mtext>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mrow style="border:1px;">
	        	<mfrac numalign='left'>
					<mi>a</mi>
					<mi>bcd</mi>
				</mfrac>
				<mo>+</mo>
	          <mfrac numalign="center">
	                <mi>a</mi>
	                <mi>bcd</mi>
	            </mfrac>
	            <mo>+</mo>
	            <mfrac numalign="right">
	                <mi>a</mi>
	                <mi>bcd</mi>
	            </mfrac> 
	      </mrow>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: denomalign-left, center, right</mtext>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mrow style="border:1px;"> 
	         <mfrac denomalign="left">
	                <mi>efg</mi>
	                <mi>h</mi>
	         </mfrac>
	         <mo>+</mo>
	         <mfrac denomalign="center">
	                <mi>efg</mi>
	                <mi>h</mi>
	         </mfrac>
	         <mo>+</mo>
	         <mfrac denomalign="right">
	                <mi>efg</mi>
	                <mi>h</mi>
	     	 </mfrac>
	     </mrow>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	     <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: bevelled-true, false</mtext>
	     <mspace linebreak="newline" indentalign="center"></mspace>
	        <mfrac style="border:1px; padding:1px" bevelled="true">
	            <mi style="border:1px">A</mi>
	            <mi style="border:1px">BC</mi>
	        </mfrac>
	       <mo>+</mo>
	       <mi style="border:1px">ABC</mi>
	       <mspace linebreak="newline" indentalign="center"></mspace>
	       <mfrac style="border:1px; padding:1px" bevelled="false">
	            <mi style="border:1px">A</mi>
	            <mi style="border:1px">BC</mi>
	        </mfrac>
	       <mo>+</mo>
	       <mi style="border:1px">ABC</mi>
	       
	       <mspace linebreak="newline" indentalign="center"></mspace>
	       <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: bevelled, linethickness,numalign, denomalign</mtext>
	       <mspace linebreak="newline" indentalign="center"></mspace>
	       
	       
		    <msup>
		        <mrow>
		            <mi>x</mi>
		            <mo>-</mo>
		            <mi>y</mi>
		        </mrow>
		        <mfrac bevelled="true">
		            <mrow>
		                <mfenced>
		                    <mrow>
		                        <mn>2</mn>
		                        <mo>+</mo>
		                        <msup>
		                            <mn>e</mn>
		                            <mn>3</mn>
		                        </msup>
		                    </mrow>
		                </mfenced>
		            </mrow>
		            <mfrac bevelled="true">
		                <mrow>
		                    <mn>3</mn>
		                    <mo>⁢</mo>
		                    <mi>x</mi>
		                </mrow>
		                <mrow>
		                    <msup>
		                        <mrow>
		                            <msup>
		                                <mn>2</mn>
		                                <mn>2</mn>
		                            </msup>
		                        </mrow>
		                        <mn>8</mn>
		                    </msup>
		                </mrow>
		            </mfrac>
		        </mfrac>
		    </msup>
		    <mo>=</mo>
		    <mn>1</mn>
		    <mo>+</mo>
		    <mfrac>
		        <mrow>
		            <mn>1</mn>
		            <mo>+</mo>
		            <mi>g</mi>
		            <mo>⁢</mo>
		            <mfrac>
		                <mrow>
		                    <mn>1</mn>
		                    <mo>+</mo>
		                    <mroot>
		                        <mfrac denomalign="left">
		                            <mrow>
		                                <mi>a</mi>
		                                <mo>-</mo>
		                                <mi>q</mi>
		                                <mo>+</mo>
		                                <mn>7</mn>
		                            </mrow>
		                            <mrow>
		                                <mn>2</mn>
		                                <mo>⁢</mo>
		                                <mi>p</mi>
		                            </mrow>
		                        </mfrac>
		                        <mn>3</mn>
		                    </mroot>
		                </mrow>
		                <msup>
		                    <mn>e</mn>
		                    <mfrac linethickness="thin" bevelled="true" numalign="left">
		                        <mn>2</mn>
		                        <mrow>
		                            <mo>(</mo>
		                            <mn>4</mn>
		                            <mo>+</mo>
		                            <mi>q</mi>
		                            <mo>)</mo>
		                        </mrow>
		                    </mfrac>
		                </msup>
		            </mfrac>
		        </mrow>
		        <mrow>
		            <mn>1</mn>
		            <mo>+</mo>
		            <mfrac linethickness="-5px" numalign="right">
		                <mn>6</mn>
		                <mrow>
		                    <mi>a</mi>
		                    <mo>+</mo>
		                    <mfrac numalign="left" denomalign="right">
		                        <mn>1</mn>
		                        <mrow>
		                            <mi>a</mi>
		                            <mo>+</mo>
		                            <mfrac linethickness="thick">
		                                <mn>1</mn>
		                                <mrow>
		                                    <mi>a</mi>
		                                    <mo>+</mo>
		                                    <mfrac linethickness="1pt" bevelled="true" numalign="left" denomalign="right">
		                                        <mn>1</mn>
		                                        <mi>a</mi>
		                                    </mfrac>
		                                </mrow>
		                            </mfrac>
		                        </mrow>
		                    </mfrac>
		                </mrow>
		            </mfrac>
		        </mrow>
		    </mfrac>
      
	</mrow>       
   
</math>