math-style

math-style 属性指示 MathML 公式应以正常高度还是紧凑高度呈现。

语法

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;

normal

初始值,表示正常渲染。

compact

后代的数学布局试图将逻辑高度最小化。

正式定义

初始值normal
应用于所有元素
继承yes
计算值按指定
动画类型不可动画

正式语法

math-style = 
normal |
compact

示例

将公式的样式更改为紧凑

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>

结果

规范

规范
MathML Core
# the-math-style-property

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见