ContextQMD
Back to Content

displaystyle

files/en-us/web/mathml/reference/global_attributes/displaystyle/index.md

latest1.5 KB
Original Source

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.

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

{{ EmbedLiveSample("Example", "", 150) }}

Syntax

html-nolint
<math displaystyle="true">
<math displaystyle="false">

Values

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also