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;
}
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.
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