HTML5 | MathML <mstyle> Tag

Last Updated : 16 Feb, 2023

The MathML <mstyle> tag is an inbuilt 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:

<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 control 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 &lt;mstyle&gt; tag</title>
</head>

<body>
    <center>
        <h1 style="color:green"> 
            GeeksforGeeks 
        </h1>

        <h3>HTML5 MathML &lt;mstyle&gt; tag</h3>

        <math>
            <mstyle displaystyle="true" 
                    mathcolor="lightgreen">
                <mrow>
                    <msubsup>
                        <mo>&sum;</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>