<mstyle>

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.

<mstyle> MathML 元素用于更改其子元素的样式。

备注: 从历史上看,该元素接受几乎所有的 MathML 属性,并用于覆盖其后代的默认属性值。后来,它被限制为仅包括在现有网页中使用的一些相关的样式属性。如今,这些样式属性是所有 MathML 元素共有的,因此 <mstyle> 实际上等同于一个 <mrow> 元素。然而,<mstyle> 可能仍然关系到浏览器之外的 MathML 实现的兼容性。

属性

此元素的属性包括全局 MathML 属性以及以下已弃用的属性:

background 已弃用 非标准

使用 background-color 替代。

color 已弃用 非标准

使用 color 替代。

fontsize 已弃用 非标准

使用 font-size 替代。

fontstyle 已弃用 非标准

使用 font-style 替代。

fontweight 已弃用 非标准

使用 font-weight 替代。

scriptminsize 已弃用 非标准

由于 scriptlevel 的更改,指定允许的最小字体大小。默认值为 8pt

scriptsizemultiplier 已弃用 非标准

指定用于调整字体大小的乘数,由于 scriptlevel 的更改。默认值为 0.71

示例

映射到 CSS 的属性

以下示例使用全局属性 displaystylemathcolor 分别覆盖 <munder><munderover> 子元素的 math-stylecolor

html
<math display="block">
  <mstyle displaystyle="false" mathcolor="teal">
    <munder>
      <mo></mo>
      <mi>I</mi>
    </munder>
    <munderover>
      <mo></mo>
      <mrow>
        <mi>i</mi>
        <mo>=</mo>
        <mn>1</mn>
      </mrow>
      <mi>N</mi>
    </munderover>
  </mstyle>
</math>

旧版附加符号属性

以下示例显示一个公式,其中 font-size 设置为 128pt。它包含了嵌套的上标中放置的数字,以及带有旧属性 scriptsizemultiplierscriptminsize<mstyle> 元素。每当进入上标时,font-size 就会乘以 0.5,只要这不会使其小于 16pt

html
<math display="block" style="font-size: 128pt">
  <mstyle scriptsizemultiplier="0.5" scriptminsize="16pt">
    <msup>
      <mn>2</mn>
      <msup>
        <mn>2</mn>
        <msup>
          <mn>2</mn>
          <msup>
            <mn>2</mn>
            <msup>
              <mn>2</mn>
              <msup>
                <mn>2</mn>
                <mn>2</mn>
              </msup>
            </msup>
          </msup>
        </msup>
      </msup>
    </msup>
  </mstyle>
</math>

规范

Specification
MathML Core
# style-change-mstyle

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
mstyle
background
DeprecatedNon-standard
color
DeprecatedNon-standard
fontsize
DeprecatedNon-standard
fontstyle
DeprecatedNon-standard
fontweight
DeprecatedNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.
See implementation notes.
Has more compatibility info.