CSS - math-style

概要

属性名math-style
normal | compact
初期値normal (※実装は compact ?)
適用可能要素すべての要素
継承継承する
サポートhttps://caniuse.com/mdn-css_properties_math-style

説明

MathML における数式の大きさを指定します。

normal
通常通り表示します。
compact
コンパクトに表示します。

使用例

math-style: compact を指定した方がコンパクトに表示されます。仕様書ではデフォルトは normal となっていますが、Chrome や Firefox などの実装では compact がデフォルトになっているようです。

HTML
<math style="math-style:normal;">
  <mrow>
    <munderover>
      <mo>∑</mo>
      <mrow>
        <mi>n</mi>
        <mo>=</mo>
        <mn>1</mn>
      </mrow>
      <mrow>
        <mo>+</mo>
        <mn>∞</mn>
      </mrow>
    </munderover>
  </mrow>
</math>
<math style="math-style:compact;">
  <mrow>
    <munderover>
      <mo>∑</mo>
      <mrow>
        <mi>n</mi>
        <mo>=</mo>
        <mn>1</mn>
      </mrow>
      <mrow>
        <mo>+</mo>
        <mn>∞</mn>
      </mrow>
    </munderover>
  </mrow>
</math>
表示
n = 1 + n = 1 +

リンク