math-depth
Die math-depth
Eigenschaft beschreibt eine Vorstellung von Tiefe für jedes Element einer mathematischen Formel, in Bezug auf das oberste Container-Element dieser Formel. Dies wird verwendet, um den berechneten Wert der Schriftgröße von Elementen zu skalieren, wenn font-size: math
angewendet wird.
Note:
font-size: math
ist der Standard für<math>
-Elemente im MathML Core User Agent Stylesheet, daher ist es nicht notwendig, es explizit anzugeben.
Syntax
/* Keyword values */
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 die vererbte
math-depth
plus 1 gesetzt, wenn vererbter math-stylecompact
ist. add(
<integer>
)-
Wird auf die vererbte
math-depth
plus dem angegebenen Integer gesetzt. <integer>
-
Wird auf den angegebenen Integer gesetzt.
Formale Definition
Initialer Wert | 0 |
---|---|
Anwendbar auf | alle Elemente |
Vererbt | Ja |
Berechneter Wert | wie angegeben |
Animationstyp | Not animatable |
Formale Syntax
Beispiele
Eine mathematische Tiefe angeben
Das folgende Beispiel zeigt die Wirkung der Änderung der math-depth
-Eigenschaft auf die Schriftgröße von Unterformeln.
Die Zahlen in jeder Unterformel geben die math-depth
und den angewendeten Skalierungsfaktor an.
Das erste <mtext>
-Element wird als Referenz für andere Unterformeln verwendet und hat keine spezifischen Stile angewendet.
Die zweite und dritte Unterformel haben math-depth
auf auto-add
gesetzt und zeigen den Effekt der Skalierung in Abhängigkeit vom math-style
.
Die letzten zwei Unterformeln zeigen die Wirkung, math-depth
auf einen spezifischen Wert zu setzen.
HTML
<p style="font-size: 3rem; margin: 1rem 0">
<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
Specification |
---|
MathML Core # the-math-script-level-property |
Browser-Kompatibilität
BCD tables only load in the browser