このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

<mstyle>

Baseline 広く利用可能 *

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年1月以降、すべてのブラウザーで利用可能です。

* この機能の一部は、対応レベルが異なる場合があります。

<mstyle> MathML 要素は、その子要素のスタイルを変更するために使用されます。

メモ: 従来、この要素はほぼすべての MathML 属性を受け入れており、子要素のデフォルト値を上書きするために使用されていました。その後、既存のウェブページで使用されていた、関連するごくいくつかのスタイル属性のみに制限されることになりました。現在では、これらのスタイル属性はすべての MathML 要素に共通となっているため、<mstyle> は事実上、<mrow> 要素と同等です。ただし、ブラウザー以外の MathML 実装との互換性を確保する上で、<mstyle> は引き続き有用である可能性があります。

属性

この要素の属性には、グローバルな MathML 属性に加え、以下の非推奨の属性があります。

background

代わりに CSS の background-color プロパティを使用してください。

color

代わりに CSS の color プロパティを使用してください。

fontsize

代わりに CSS の font-size プロパティを使用してください。

fontstyle

代わりに CSS の font-style プロパティを使用してください。

fontweight

代わりに CSS の font-weight プロパティを使用してください。

CSS に対応づけられた属性

次の例では、グローバル属性displaystyle および mathcolor を使用して、それぞれ子要素の <munder> および <munderover>math-style および color を上書きしています。

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-size128pt に設定された数式を表示しています。この数式には、入れ子になった上付き文字で表記された数値に加え、古い属性である scriptsizemultiplier および scriptminsize を持つ <mstyle> 要素が含まれています。それぞれの上付き文字を入力する際、font-size0.5 が乗算されますが、これにより文字サイズが 16pt 未満にならない限り、この処理が行われます。

html
<math display="block">
  <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>
css
math {
  font-size: 128pt;
}

技術的概要

暗黙の ARIA ロール None

仕様書

仕様書
MathML Core
# style-change-mstyle

ブラウザーの互換性