math-shift
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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;
font-size: 64pt;
}
.normal-shift {
math-shift: normal;
}
.compact-shift {
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>
<msup class="normal-shift">
<mi>x</mi>
<mn>2</mn>
</msup>
<msup class="compact-shift">
<mi>x</mi>
<mn>2</mn>
</msup>
</math>
Specifications
| Specification |
|---|
| MathML Core # the-math-shift |
Browser compatibility
Loading…