W3cubDocs

math-style

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The math-style property indicates whether MathML equations should render with normal or compact height.

Syntax

/* Keyword values */
math-style: normal;
math-style: compact;

/* Global values */
math-style: inherit;
math-style: initial;
math-style: revert;
math-style: revert-layer;
math-style: unset;

Values

normal: The initial value, indicates normal rendering.
compact: The math layout on descendants tries to minimize the logical height.

Formal definition

Initial value	`normal`
Applies to	all elements
Inherited	yes
Computed value	as specified
Animation type	Not animatable

Formal syntax

Error: could not find syntax for this item

Examples

CSS

math {
  math-style: compact;
}

Specifications

Specification
MathML Core # the-math-style-property

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`math-style`	83	83	83	No	69	14.1	No	83	No	No	14.5	No