<munder>

  • Revision slug: MathML/Element/munder
  • Revision title: munder
  • Revision id: 34314
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment new compat table; 114 words added, 35 words removed

Revision Content

The MathML <munder> element is used to attach an accent or a limit under an expression. It uses the following syntax: <munder> base underscript </munder>

Attributes

accentunder
If true, the element is an accent, which is drawn closer to the base expression.
If false (default value),  the element is a limit under the base expression.
align {{ unimplemented_inline("557476") }}
The alignment of the underscript. Possible values are: left, center, and right.
class, id, style
Provided for use with stylesheets.
href {{ unimplemented_inline("534968") }}
Used to set a hyperlink to a specified URI.
mathbackground {{ gecko_minversion_inline("2.0") }}
The background color. You can use #rgb, #rrggbb and HTML color names.
mathcolor {{ gecko_minversion_inline("2.0") }}
The text color. You can use #rgb, #rrggbb and HTML color names.

Examples

Rendering: x+y+z

<math>

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

</math>

Browser compatibility

{{ CompatibilityTable() }}

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support {{ CompatGeckoDesktop("1.0") }} {{ CompatNo() }} {{ CompatNo() }} 9.5 6.0
accentunder attribute {{ CompatGeckoDesktop("1.0") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Basic support {{ CompatGeckoMobile("1.9.2") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
accentunder attribute {{ CompatGeckoMobile("1.9.2") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}

Specification

  • {{ spec("http://www.w3.org/TR/MathML/chapter3.html#presm.munder","MathML 3.0 Presentation Markup munder", "REC") }}

See also

  • {{ MathMLElement("mover") }} (Overscript)
  • {{ MathMLElement("munderover") }} (Underscript-overscript pair)

Revision Source

<p>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>base underscript</em> &lt;/munder&gt;</code></p>
<h2>Attributes</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 {{ unimplemented_inline("557476") }}</dt> <dd>The alignment of the underscript. Possible values are: <code>left</code>, <code>center</code>, and <code>right</code>.</dd> <dt id="attr-class-id-style">class, id, style</dt> <dd>Provided for use with <a href="/en/CSS" title="en/CSS/">stylesheets</a>.</dd> <dt id="attr-href">href {{ unimplemented_inline("534968") }}</dt> <dd>Used to set a hyperlink to a specified URI.</dd> <dt id="attr-mathbackground">mathbackground {{ gecko_minversion_inline("2.0") }}</dt> <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="en/CSS/color value#HTML.2fSVG.2fX11.c2.a0 Color Keywords">HTML color names</a>.</dd> <dt id="attr-mathcolor">mathcolor {{ gecko_minversion_inline("2.0") }}</dt> <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="en/CSS/color value#HTML.2fSVG.2fX11.c2.a0 Color Keywords">HTML color names</a>.</dd>
</dl>
<h2>Examples</h2>
<p>Rendering: <img alt="x+y+z" src="/@api/deki/files/4850/=munder.png" style="vertical-align: middle; margin-left: 10px;"></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>Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
<table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Firefox (Gecko)</th> <th>Chrome</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatGeckoDesktop("1.0") }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> <td>9.5</td> <td>6.0</td> </tr> <tr> <td><code>accentunder</code> attribute</td> <td>{{ CompatGeckoDesktop("1.0") }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> </tr> </tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Firefox Mobile (Gecko)</th> <th>Android</th> <th>IE Phone</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatGeckoMobile("1.9.2") }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> </tr> <tr> <td><code>accentunder</code> attribute</td> <td>{{ CompatGeckoMobile("1.9.2") }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> </tr> </tbody>
</table>
</div><h2>Specification</h2>
<ul> <li>{{ spec("http://www.w3.org/TR/MathML/chapter3.html#presm.munder","MathML 3.0 Presentation Markup munder", "REC") }}</li>
</ul>
<h2>See also</h2>
<ul> <li>{{ MathMLElement("mover") }} (Overscript)</li> <li>{{ MathMLElement("munderover") }} (Underscript-overscript pair)</li>
</ul>
Revert to this revision