files/ja/web/mathml/element/munder/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

---
title: <munder>
slug: Web/MathML/Element/munder
tags:
  - MathML
translation_of: Web/MathML/Element/munder
---
<div>{{MathMLRef}}</div>

<p class="summary">The MathML <code>&lt;munder&gt;</code> element is used to attach an accent or a limit under an expression. It uses the following syntax: <code>&lt;munder&gt; <em>数式表現 下付き文字</em> &lt;/munder&gt;</code></p>

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

<dl>
 <dt id="attr-accentunder">accentunder</dt>
 <dd>If <code>true</code>, the element is an <em>accent</em>, which is drawn closer to the base expression.<br>
 If <code>false</code> (default value), the element is a <em>limit</em> under the base expression.</dd>
 <dt id="attr-align">align {{deprecated_inline}}</dt>
 <dd><code>left</code>、 <code>center</code>あるいは<code>right</code>を指定することによって下付き文字をどの位置に表示するかを決めることができます。ただ、この属性は非推奨で近日中に廃止されます。代わりにCSSプロパティ<code><a href="/ja/docs/Web/MathML/Element/ja/docs/Web/CSS/text-align">text-align</a></code>を使用してください。</dd>
 <dt id="attr-class-id-style">class, id, style</dt>
 <dd>CSSで装飾を行なう際に使われます。</dd>
 <dt id="attr-href">href</dt>
 <dd>ハイパーリンクを設定する際に使われます。</dd>
 <dt id="attr-mathbackground">mathbackground</dt>
 <dd>背景色を指定します。 <code>#rgb</code>や<code>#rrggbb</code>のような16進表現や<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>を用いることができます。</dd>
 <dt id="attr-mathcolor">mathcolor</dt>
 <dd>文字の色を指定します。 <code>#rgb</code>や<code>#rrggbb</code>のような16進表現や<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>を用いることができます。</dd>
</dl>

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

<p>レンダリングのサンプル(画像): <img alt="x+y+z" src="/files/3197/munder.png" style="margin-left: 10px; vertical-align: middle;"></p>

<p>ブラウザのレンダリング結果: <math> <munder accentunder="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> ⏟ </mo> </munder> </math></p>

<pre class="brush: html">&lt;math&gt;

&lt;munder accentunder="true"&gt;
  &lt;mrow&gt;
    &lt;mi&gt; x &lt;/mi&gt;
    &lt;mo&gt; + &lt;/mo&gt;
    &lt;mi&gt; y &lt;/mi&gt;
    &lt;mo&gt; + &lt;/mo&gt;
    &lt;mi&gt; z &lt;/mi&gt;
  &lt;/mrow&gt;
  &lt;mo&gt; &amp;#x23DF; &lt;!--BOTTOM CURLY BRACKET--&gt; &lt;/mo&gt;
&lt;/munder&gt;

&lt;/math&gt;
</pre>

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

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">状態</th>
   <th scope="col">備考</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('MathML3', 'chapter3.html#presm.munder', 'munder') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>Current specification</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.munder', 'munder') }}</td>
   <td>{{ Spec2('MathML2') }}</td>
   <td>Initial specification</td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザごとの互換性">ブラウザごとの互換性</h2>


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

<h2 id="関連情報">関連情報</h2>

<ul>
 <li>{{ MathMLElement("mover") }} (上付き文字)</li>
 <li>{{ MathMLElement("munderover") }} (Underscript-overscript pair)</li>
</ul>