mathml attribute
displaystyle
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>
Interactive exampleOpen the canonical MDN source to run this embedded demo.
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
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
- All global attributes.
- The scriptlevel global attribute.
font-sizemath-depthmath-style