<mfrac>

MathML の <mfrac> 要素は分数を表示するのに使います。

構文

<mfrac>numerator denominator</mfrac>

属性

bevelled
分数を表示する方法を指定します。true のとき分数線は斜線になります。つまりこの場合、分子・分母がスラッシュ (/) を挟んで左右に並ぶことになります。既定値の false の場合、分子は分母の上に載ります。
この属性は、非推奨で将来削除される予定です。代わりに U+2044 (fraction slash) を使用してください。
class, id, style
スタイルシート で装飾を行なう際に使われます。
denomalign
分数の下に分母をどう揃えるかを指定します。取り得る値は leftcenter (既定値) と right です。
この属性は、非推奨で近日中に廃止されます。代わりに CSS を用いて text-align を指定してください。
href
特定の URI へのハイパーリンクを設定するのに使われます。
linethickness
分数の水平線の太さ。既定値は medium で、thinthick や、それ以外の length 値 が取り得ます。
mathbackground
数式の背景色を指定するために使われます。#rgb#rrggbbのような16進表現のほか、HTMLで定められた色キーワードを使用できます。
mathcolor
数式自体 (テキストと分数線) の色を設定するために使われます。#rgb#rrggbb のような 16 進表現のほか、HTMLで定められた色キーワードを使用できます。
numalign
分数の上に分子をどう揃えるかを指定します。取り得る値は leftcenter (既定値) と right です。
この属性は、非推奨で将来削除される予定です。代わりに CSS の text-align を使用してください。

レンダリングのサンプル (画像): (a/b)/(c/d)

ブラウザーのレンダリング結果: a b c d

<math>  
  <mfrac bevelled="true">
     <mfrac>
        <mi> a </mi>
        <mi> b </mi>
     </mfrac>
     <mfrac>
        <mi> c </mi>
        <mi> d </mi>
     </mfrac>
  </mfrac>
</math>

仕様

仕様 ステータス Comment
MathML 3.0
mfrac の定義
勧告 現在の仕様
MathML 2.0
mfrac の定義
勧告 初回の仕様

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
mfracChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 1IE 未対応 なしOpera 未対応 なしSafari 完全対応 5.1WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 完全対応 5.1Samsung Internet Android 未対応 なし
bevelledChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 1IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
denomalign
非推奨
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 1
補足
完全対応 1
補足
補足 Removed from Firefox Nightly 71 in bug 1548530.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
hrefChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 7IE 未対応 なしOpera 未対応 なしSafari 完全対応 10WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 7Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
linethicknessChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 1IE 未対応 なしOpera 未対応 なしSafari 完全対応 5.1
補足
完全対応 5.1
補足
補足 Before Safari 9, <length> values are not supported. Only 0, thin, medium, and thick are supported.
WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
mathbackgroundChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 4IE 未対応 なしOpera 未対応 なしSafari 完全対応 6WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
mathcolorChrome 未対応 なしEdge 未対応 なしFirefox 完全対応 4IE 未対応 なしOpera 未対応 なしSafari 完全対応 6WebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
numalign
非推奨
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 1
補足
完全対応 1
補足
補足 Removed from Firefox Nightly 71 in bug 1548530.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。