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 Hochzahlen in MathML-Formeln durch eine normale oder kompakte Verschiebung angehoben 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
normal-
Der Anfangswert, der normales Rendering angibt. Hochzahlen in MathML-Formeln verwenden den superscriptShiftUp-Parameter aus der OpenType MATH-Tabelle.
compact-
Gibt ein kompaktes Rendering an. Hochzahlen in MathML-Formeln verwenden den superscriptShiftUpCramped-Parameter aus der OpenType MATH-Tabelle, der 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 zum Quadrat" unter Verwendung einer Schriftart mit einer OpenType MATH-Tabelle.
Die math-shift-Eigenschaft wird verwendet, um die Hochzahlen mit der normal und compact Verschiebung anzuheben.
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 |