displaystyle

Baseline 2023

Newly available

Since January 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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;
}

html

<math>
  <munder>
    <mo>∑</mo>
    <mi>A</mi>
  </munder>
  <munder displaystyle="true">
    <mo>∑</mo>
    <mi>A</mi>
  </munder>
</math>

Syntax

html

<math displaystyle="true">
<math displaystyle="false">

Values

true: Sets the display style to normal.
false: Sets the display style to compact.

Specifications

Specification
MathML Core # dfn-displaystyle

Browser compatibility

BCD tables only load in the browser