W3cubDocs

/CSS

math-style

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

math-style = 
  normal   |
  compact

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 10983 10983 83 No 9569 14.1 109 10983 No 74 14.5 No

See also

© 2005–2023 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