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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
displaystyle

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.

See also