Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. MathML
  3. リファレンス
  4. 要素
  5. <mfrac>

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

View in EnglishAlways switch to English

<mfrac>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2023年1月⁩.

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)

ブラウザーのレンダリング結果:abcd

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

仕様書

Specification
MathML Core
# fractions-mfrac

ブラウザーの互換性

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp