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