math-style | CSS CSS Properties

Specifies whether MathML equations should be rendered in a 'display' style (centered and full-sized) or an 'inline' style (more compact to fit inside a paragraph).

Quick example

math {
  /* Ensures the math formula is rendered in a compact, inline style */
  math-style: compact;
}

Quick facts

Initial value

normal

Inherited

Yes

Applies to

all elements

Animation type

notAnimatable

Values

normalcompact

math-style Browser Support

Widely available Since 2023 93% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.

Safe to use without fallbacks.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

109+

117+

14.1+

109+