Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. CSS
  3. Reference
  4. Properties
  5. math-style

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

math-style

Baseline 2023
Newly available

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

Diemath-style-Eigenschaft gibt an, ob MathML-Gleichungen mit normaler oder kompakter Höhe gerendert 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 normales Rendering an.

compact

Das mathematische Layout bei Nachfahren versucht, die logische Höhe zu minimieren.

Formale Definition

Anfangswertnormal
Anwendbar aufalle Elemente
VererbtJa
Berechneter Wertwie angegeben
AnimationstypNot animatable

Formale Syntax

math-style =
normal|
compact
Diese Syntax spiegelt den neuesten Standard gemäßMathML Core wider. Möglicherweise haben nicht alle Browser jeden Teil implementiert. SieheBrowserkompatibilität für Informationen zur Unterstützung.

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

Siehe auch

Help improve MDN

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

[8]ページ先頭

©2009-2025 Movatter.jp