W3cubDocs

/CSS

math-shift

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

The math-shift property indicates whether superscripts inside MathML formulas should be raised by a normal or compact shift.

Syntax

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

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

Values

normal: The initial value, indicates normal rendering. Superscripts in MathML formulas use the superscriptShiftUp parameter from the OpenType MATH table.
compact: Indicates compact rendering. Superscripts in MathML formulas use the superscriptShiftUpCramped parameter from the OpenType MATH table, which is generally smaller.

Formal definition

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

Formal syntax

math-shift = 
  normal   |
  compact

Examples

CSS

math {
  math-shift: compact;
}

MathML

The following MathML displays two versions of "x squared" using a font with an OpenType MATH table. Browser implementing the math-shift property should raise the superscripts using slightly different shifts.

<math style="font-size: 64pt;">
  <msup style="math-shift: normal">
    <mi>x</mi>
    <mn>2</mn>
  </msup>
  <msup style="math-shift: compact">
    <mi>x</mi>
    <mn>2</mn>
  </msup>
</math>

Specifications

Specification
MathML Core # the-math-shift

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-shift`	10987	10987	No	No	9573	No	109	10987	No	74	No	No