math-shift

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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 valuenormal
Applies toall elements
Inheritedyes
Computed valueas specified
Animation typeNot animatable

Formal syntax

math-shift = 
normal |
compact
This syntax reflects the latest standard as per MathML Core. Not all browsers may have implemented every part. See Browser compatibility for support information.

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

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

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

MathML

html
<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.

Specifications

Specification
MathML Core
# the-math-shift

Browser compatibility

See also