math-style

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

It is documented as part of the MathML specification.

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

/* Syntax */
math-style: normal;
math-style: compact;

/* Global values */
math-style: inherit;
math-style: initial;
math-style: revert;
math-style: revert-layer;
math-style: unset;
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.

109+
117+
14.1+
109+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC