Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

HTML5 | MathML <mstyle> Tag

  • Last Updated : 22 Aug, 2021

The MathML <mstyle> tag is an inbuild tag in HTML5. This tag is used to change the styles of the children’s elements. This tag is applicable to the tags included in the HTML5 MathML library.

Syntax:  

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

<mstyle attribute="value"> children tags </mstyle>

Attributes: This tag accepts some attributes which described below:  

  • decimalpoint: This attribute holds the alignment value if the alignment value is described in decimal point. 
  • dir: This attributes holds the direction value. Two types of direction values is acceptable ltr (left to right) and rtl (right to left).
  • displaystyle: This attributes holds the more vertical space that is used for displayed equations or, it is n a boolean value. If it is set to true then larger versions of operators are displayed. It partially depends on largeop and movablelimits of <mo> tag.
  • scriptlevel: This attribute holds the value to ctrols over the font-size. It works like priority property which means the higher priority value have lower performance. It means the higher scriptlevel the smaller the font-size.
  • scriptminsize: This attribute holds the multiplier value that has been used to adjust font size due to changes in scriptlevel. Its default value is 0.71.

Below example illustrates the HTML5 MathMl <mstyle> tag:
Example:  



html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML5 MathML <mstyle> tag</title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
 
        <h3>HTML5 MathML <mstyle> tag</h3>
 
        <math>
            <mstyle displaystyle="true"
                    mathcolor="lightgreen">
                <mrow>
                    <msubsup>
                        <mo>∑</mo>
                        <mn> i=1 </mn>
                        <mn> n </mn>
                    </msubsup>
                    <mo>+</mo>
                    <msub>
                        <mi>x</mi>
                        <mn>i</mn>
                    </msub>
                    <mo>=</mo>
                    <mn>?</mn>
                </mrow>
            </mstyle>
        </math>
    </center>
</body>
 
</html>

Output:  

Supported Browsers: The browsers supported by HTML5 MathML <mstyle> tag are listed below:  

  • Firefox
  • Safari

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :