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 einen Begriff 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 den angegebenen Integer gesetzt.
<integer>: Wird auf den angegebenen Integer 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

Festlegung einer mathematischen Tiefe

Das folgende Beispiel zeigt den Effekt der Änderung der math-depth-Eigenschaft auf die Schriftgröße von Teilformeln. Die Zahlen in jeder Teilformel geben die math-depth und den angewendeten Skalierungsfaktor an.

Das erste <mtext>-Element wird als Referenz für andere Teilformeln verwendet und hat keine spezifischen Stile angewendet. Die zweite und dritte Teilformel haben math-depth auf auto-add gesetzt und zeigen den Effekt der Skalierung in Abhängigkeit vom math-style.

Die letzten beiden Teilformeln zeigen den Effekt, wenn math-depth auf einen bestimmten Wert gesetzt wird.

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

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden