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

css

/* 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

css

math {
  math-shift: compact;
}

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.

html

<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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.