math-shift CSS property
Baseline
2025
Neu verfügbar
Seit December 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 math-shift-Eigenschaft gibt an, ob die Hochstellungen in MathML-Formeln mit einer normalen oder kompakten Verschiebung gehoben werden sollen.
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
Diese Eigenschaft wird als einer der folgenden Schlüsselwortwerte angegeben:
normal-
Der Anfangswert, der normales Rendering anzeigt. Hochstellungen in MathML-Formeln verwenden den superscriptShiftUp-Parameter aus der OpenType MATH-Tabelle.
compact-
Zeigt kompaktes Rendering an. Hochstellungen in MathML-Formeln verwenden den superscriptShiftUpCramped-Parameter aus der OpenType MATH-Tabelle, welcher im Allgemeinen 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 Verschiebung
Das folgende MathML zeigt zwei Versionen von "x hoch zwei" mit einer Schriftart, die eine OpenType MATH-Tabelle aufweist.
Die math-shift-Eigenschaft wird verwendet, um die Hochstellungen mit der normal- und compact-Verschiebung zu heben.
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" eine kompaktere (niedrigere) Verschiebung aufweist.
Spezifikationen
| Spezifikation |
|---|
| MathML Core # the-math-shift |