files/ja/web/mathml/element/mfrac/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

---
title: <mfrac>
slug: Web/MathML/Element/mfrac
tags:
  - MathML
  - MathML Reference
  - 'MathML:Element'
  - 'MathML:General Layous Schemata'
translation_of: Web/MathML/Element/mfrac
---
<div>{{MathMLRef()}}</div>

<p>MathML の <code>&lt;mfrac&gt;</code> 要素は分数を表示するのに使います。</p>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox">&lt;mfrac&gt;<em>numerator</em> <em>denominator</em>&lt;/mfrac&gt;</pre>

<h2 id="Attributes" name="Attributes">属性</h2>

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

<h2 id="Examples" name="Examples">例</h2>

<p>レンダリングのサンプル (画像): <img alt="(a/b)/(c/d)" src="/files/3194/mfrac.png" style="margin-left: 10px; vertical-align: middle;"></p>

<p>ブラウザーのレンダリング結果: <math> <mfrac bevelled="true"> <mfrac> <mi> a </mi> <mi> b </mi> </mfrac> <mfrac> <mi> c </mi> <mi> d </mi> </mfrac> </mfrac> </math></p>

<pre class="brush: html">&lt;math&gt;
  &lt;mfrac bevelled="true"&gt;
     &lt;mfrac&gt;
        &lt;mi&gt; a &lt;/mi&gt;
        &lt;mi&gt; b &lt;/mi&gt;
     &lt;/mfrac&gt;
     &lt;mfrac&gt;
        &lt;mi&gt; c &lt;/mi&gt;
        &lt;mi&gt; d &lt;/mi&gt;
     &lt;/mfrac&gt;
  &lt;/mfrac&gt;
&lt;/math&gt;
</pre>

<h2 id="Specifications" name="Specifications">仕様</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">ステータス</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('MathML3', 'chapter3.html#presm.mfrac', 'mfrac') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>現在の仕様</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfrac', 'mfrac') }}</td>
   <td>{{ Spec2('MathML2') }}</td>
   <td>初回の仕様</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>


<p>{{Compat("mathml.elements.mfrac")}}</p>