math-depth CSS property
Baseline 2026
Neu verfügbar
Seit März 2026 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-depth beschreibt für jedes Element einer mathematischen Formel ein Konzept der Tiefe in Bezug auf den Container der obersten Ebene dieser Formel. Dies wird verwendet, um den berechneten Wert von font-size von Elementen zu skalieren, wenn font-size: math angewendet wird.
Hinweis:
font-size: math ist die Standardeinstellung für <math>-Elemente im MathML-Core-User-Agent-Stylesheet, daher muss es nicht explizit angegeben werden.
Syntax
/* Keyword value */
math-depth: auto-add;
/* Relative values */
math-depth: add(2);
math-depth: add(-2);
/* Absolute value */
math-depth: 4;
/* Global values */
math-depth: inherit;
math-depth: initial;
math-depth: revert;
math-depth: revert-layer;
math-depth: unset;
Werte
auto-add-
Wird auf den geerbten Wert von
math-depthplus 1 gesetzt, wenn das geerbte math-stylecompactist. add(<integer>)-
Wird auf den geerbten Wert von
math-depthplus die angegebene Ganzzahl gesetzt. <integer>-
Wird auf die angegebene Ganzzahl gesetzt.
Formale Definition
| Anfangswert | 0 |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | Not animatable |
Formale Syntax
math-depth =
auto-add |
add( <integer> ) |
<integer>
<integer> =
<number-token>
Beispiele
Eine mathematische Tiefe angeben
Das folgende Beispiel zeigt die Auswirkung einer Änderung der Eigenschaft math-depth auf die Schriftgröße von Teilformeln.
Die Zahlen in jeder Teilformel geben die angewendeten Werte für math-depth und den Skalierungsfaktor an.
Das erste <mtext>-Element wird als Referenz für andere Teilformeln verwendet und hat keine spezifischen angewendeten Stile.
Für die zweite und dritte Teilformel ist math-depth auf auto-add gesetzt; sie zeigen die Auswirkung der Skalierung in Abhängigkeit von math-style.
Die letzten beiden Teilformeln zeigen die Auswirkung, wenn math-depth auf einen bestimmten Wert gesetzt wird.
HTML
<p>
<math>
<mtext>0</mtext>
<!-- auto-add value has no effect when math-style is normal -->
<mrow style="math-style: normal">
<mrow style="math-depth: auto-add">
<mtext>0</mtext>
</mrow>
</mrow>
<!-- the inherited math-style is compact, so math-depth is set to 1 -->
<mrow style="math-depth: auto-add">
<mtext>1</mtext>
</mrow>
<mrow style="math-depth: add(2)">
<mtext>2</mtext>
<mrow style="math-depth: add(-1)">
<mtext>1</mtext>
</mrow>
<mrow style="math-depth: 0">
<mtext>0</mtext>
</mrow>
</mrow>
</math>
</p>
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| MathML Core # the-math-script-level-property |