math-style

Baseline 2023

Newly available

Since January 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Die Eigenschaft math-style gibt an, ob MathML-Gleichungen mit normaler oder kompakter Höhe dargestellt werden sollen.

Syntax

css
/* Keyword values */
math-style: normal;
math-style: compact;

/* Global values */
math-style: inherit;
math-style: initial;
math-style: revert;
math-style: revert-layer;
math-style: unset;

Werte

normal

Der Anfangswert, zeigt normale Darstellung an.

compact

Das mathematische Layout auf Nachkommen versucht, die logische Höhe zu minimieren.

Formale Definition

Initialer Wertnormal
Anwendbar aufalle Elemente
VererbtJa
Berechneter Wertwie angegeben
AnimationstypNot animatable

Formale Syntax

math-style = 
  normal   |
  compact

Beispiele

Ändern des Stils einer Formel zu kompakt

CSS

css
math {
  math-style: normal;
}
.compact {
  math-style: compact;
}

HTML

html
<p>
  Normal height
  <math>
    <mrow>
      <munderover>
        <mo>∑</mo>
        <mrow>
          <mi>n</mi>
          <mo>=</mo>
          <mn>1</mn>
        </mrow>
        <mrow>
          <mo>+</mo>
          <mn>∞</mn>
        </mrow>
      </munderover>
    </mrow>
  </math>
  and compact height
  <math class="compact">
    <mrow>
      <munderover>
        <mo>∑</mo>
        <mrow>
          <mi>n</mi>
          <mo>=</mo>
          <mn>1</mn>
        </mrow>
        <mrow>
          <mo>+</mo>
          <mn>∞</mn>
        </mrow>
      </munderover>
    </mrow>
  </math>
  equations.
</p>

Ergebnis

Spezifikationen

Specification
MathML Core
# the-math-style-property

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch