math-depth

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die math-depth-Eigenschaft beschreibt ein Konzept der Tiefe für jedes Element einer mathematischen Formel in Bezug auf den obersten Container dieser Formel. Dies wird verwendet, um den berechneten Wert der font-size von Elementen zu skalieren, wenn font-size: math angewendet wird.

Hinweis:>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

css

/* 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 geerbte math-depth plus 1 gesetzt, wenn der geerbte math-style compact ist.
add(<integer>): Wird auf die geerbte math-depth plus 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>

Beispiele

Festlegen einer mathematischen Tiefe

Das folgende Beispiel zeigt die Auswirkung 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 speziellen Stile. Die zweite und dritte Unterformeln haben math-depth auf auto-add gesetzt und zeigen die Auswirkung der Skalierung abhängig vom math-style.

Die letzten beiden Unterformeln zeigen die Auswirkung der Einstellung von math-depth auf einen spezifischen Wert.

HTML

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>

p { font-size: 3rem; margin: 1rem 0; }

Ergebnis

Spezifikationen

Specification
MathML Core # the-math-script-level-property