W3cubDocs

/CSS

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

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

See also

© 2005–2022 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/math-style