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

View in English Always switch to English

<mfrac>

Baseline 広く利用可能 *

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

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

<mfrac>MathML の要素で、分数を表示させるために使用します。同時に、二項係数ルジャンドル記号など、分数に似たものを記述するためにも使用できます。

構文

html
<mfrac>分子 分母</mfrac>

属性

この要素の属性には、MathML のグローバル属性に加え、以下の属性が含まれます。

denomalign

分数の下に分母をどう揃えるかを指定します。指定できる値は leftcenter(デフォルト値)、right です。

linethickness

<length-percentage> で、分数の水平線の太さを示します。

numalign

分数の上に分子をどう揃えるかを指定します。取り得る値は leftcenter (既定値) と right です。

メモ: linethickness 属性については、一部のブラウザーでは、非推奨の値 mediumthinthick(これらの正確な解釈は実装者に委ねられています)や、古い MathML の長さの単位も受け入れることがあります。

単純な分数

以下の MathML コードは、分子が "a + 2"、分母が "3 − b" の分数として表示されるはずです。

html
<math display="block">
  <mfrac>
    <mrow>
      <mi>a</mi>
      <mo>+</mo>
      <mn>2</mn>
    </mrow>
    <mrow>
      <mn>3</mn>
      <mo>−</mo>
      <mi>b</mi>
    </mrow>
  </mfrac>
</math>

水平線なしの分数

以下の MathML コードは、二項係数 として表示されるはずです。

html
<math display="block">
  <mrow>
    <mo>(</mo>
    <mfrac linethickness="0">
      <mi>n</mi>
      <mi>k</mi>
    </mfrac>
    <mo>)</mo>
  </mrow>
</math>

技術的概要

暗黙の ARIA ロール なし

仕様書

仕様書
MathML Core
# fractions-mfrac

ブラウザーの互換性