math-style

Baseline 2023

新推出

自 2023 年 8 月起，此功能已在最新的设备和浏览器版本中可用。此功能可能不适用于旧设备或浏览器。

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`
应用于	所有元素
继承性	是
计算值	同指定值
动画类型	不可动画化

正式语法

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

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面由 MDN 贡献者于 2025 年 7 月 14 日最后修改。

在 GitHub 上查看此页面 • 报告此内容的问题