Firefox Tomorrow

css property

`math-shift` CSS property

View on MDN ↗

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

This property is specified as one of the following keyword 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

Formal syntax

Examples

Normal and compact shift

The following MathML displays two versions of “x squared” using a font with an OpenType MATH table. The math-shift property is used to raise the superscripts using the normal and compact shift.

CSS

math {
  font-size: 64pt;
  math-shift: normal;
}

.compact-shift {
  math-shift: compact;
}

MathML

<math>
  <msup>
    <mi>x</mi>
    <mn>2</mn>
  </msup>
  <msup class="compact-shift">
    <mi>x</mi>
    <mn>2</mn>
  </msup>
</math>

Results

Note that the second “2” has a more compact (lower) shift.

Interactive exampleOpen the canonical MDN source to run this embedded demo.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also