The <mstyle> MathML element is used to change the style of its children.
Note: Historically, this element accepted almost all the MathML attributes and it was used to override the default attribute values of its descendants. It was later restricted to only a few relevant styling attributes that were used in existing web pages. Nowadays, these styling attributes are common to all MathML elements and so <mstyle> is really just equivalent to an <mrow> element. However, <mstyle> may still be relevant for compatibility with MathML implementations outside browsers.
This element's attributes include the global MathML attributes as well as the following deprecated attributes:
background Use CSS property background-color instead.
color Use CSS property color instead.
fontsize Use CSS property font-size instead.
fontstyle Use CSS property font-style instead.
fontweight Use CSS property font-weight instead.
The following example uses global attributes displaystyle and mathcolor to respectively override the math-style and color of the <munder> and <munderover> children:
<math display="block">
<mstyle displaystyle="false" mathcolor="teal">
<munder>
<mo>∑</mo>
<mi>I</mi>
</munder>
<munderover>
<mo>∏</mo>
<mrow>
<mi>i</mi>
<mo>=</mo>
<mn>1</mn>
</mrow>
<mi>N</mi>
</munderover>
</mstyle>
</math>The following example shows a formula with font-size set to 128pt. It contains numbers that are placed in nested superscripts as well as an <mstyle> element with legacy attributes scriptsizemultiplier and scriptminsize. The font-size is multiplied by 0.5 when entering each superscript as long as that does not make it smaller than 16pt.
<math display="block">
<mstyle scriptsizemultiplier="0.5" scriptminsize="16pt">
<msup>
<mn>2</mn>
<msup>
<mn>2</mn>
<msup>
<mn>2</mn>
<msup>
<mn>2</mn>
<msup>
<mn>2</mn>
<msup>
<mn>2</mn>
<mn>2</mn>
</msup>
</msup>
</msup>
</msup>
</msup>
</msup>
</mstyle>
</math>math {
font-size: 128pt;
}