displaystyle
{{MathMLRef}}
The displaystyle
global attribute is a boolean setting the math-style of a MathML element.
Example
In this example, an munder element is used to attach a script “A” to a base “∑”. By default, the summation symbol is rendered with the font-size inherited from its parent and the A as a scaled down subscript. With the explicit displaystyle="true"
attribute, the summation symbol is instead drawn bigger and the “A” becomes an underscript.
html,
body {
height: 100%;
}
body {
display: grid;
place-items: center;
font-size: 1.5rem;
}
<math>
<munder>
<mo>∑</mo>
<mi>A</mi>
</munder>
<munder displaystyle="true">
<mo>∑</mo>
<mi>A</mi>
</munder>
</math>
{{ EmbedLiveSample("Example", "", 150) }}
Syntax
<math displaystyle="true">
<math displaystyle="false">
Values
true
- : Sets the display style to
normal
.
- : Sets the display style to
false
- : Sets the display style to
compact
.
- : Sets the display style to
Specifications
{{Specifications}}
Browser compatibility
{{Compat}}
See also
- All global attributes.
- The scriptlevel global attribute.
{{cssxref("font-size")}}
{{cssxref("math-depth")}}
{{cssxref("math-style")}}