math-shift CSS property
Baseline 2025
Neu verfügbar
Seit Dezember 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Die Eigenschaft math-shift legt fest, ob Hochstellungen innerhalb von MathML-Formeln um einen normalen oder einen kompakteren Abstand angehoben werden.
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;
Werte
Für diese Eigenschaft kann einer der folgenden Schlüsselwortwerte angegeben werden:
normal-
Der Ausgangswert. Er gibt die normale Darstellung an. Hochstellungen in MathML-Formeln verwenden den Parameter superscriptShiftUp aus der OpenType-MATH-Tabelle.
compact-
Gibt eine kompakte Darstellung an. Hochstellungen in MathML-Formeln verwenden den Parameter superscriptShiftUpCramped aus der OpenType-MATH-Tabelle, der in der Regel kleiner ist.
Formale Definition
| Anfangswert | normal |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | Not animatable |
Formale Syntax
math-shift =
normal |
compact
Beispiele
Normale und kompakte Anhebung
Das folgende MathML zeigt zwei Versionen von „x zum Quadrat“ mit einer Schriftart, die über eine OpenType-MATH-Tabelle verfügt.
Die Eigenschaft math-shift wird verwendet, um die Hochstellungen mit der Anhebung normal beziehungsweise compact darzustellen.
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>
Ergebnisse
Beachten Sie, dass die zweite „2“ weniger stark angehoben ist.
Spezifikationen
| Spezifikation |
|---|
| MathML Core # the-math-shift |