mozilla

Revision 34308 of <munderover>

  • Revision slug: MathML/Element/munderover
  • Revision title: munderover
  • Revision id: 34308
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment remove labels, use new compat table; 191 words added, 136 words removed

Revision Content

Summary

The MathML <munderover> element is used to attach accents or limits both under and over an expression. It uses the following syntax: <munder> base underscript overscript </munder>

Attributes

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

Examples

Rendering: integral-0-infinity

<math> 

  <munderover>
    <mo> &#x222B;<!--INTEGRAL--> </mo>
    <mn> 0 </mn>
    <mi> &#x221E;<!--INFINITY--> </mi>
  </munderover>

</math>

Browser compatibility

{{ CompatibilityTable() }}

{{ CompatTableDesktop( ['Basic support', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), "9.5", "5.1"], ['accent', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), CompatNo(), CompatNo()], ['accentunder', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), CompatNo(), CompatNo()], ['align', CompatNo(), CompatGeckoDesktop("12.0"), CompatNo(), CompatNo(), CompatNo()], ['href', CompatNo(), CompatGeckoDesktop("7.0"), CompatNo(), CompatNo(), CompatNo()], ['mathbackground', CompatNo(), CompatGeckoDesktop("2.0"), CompatNo(), CompatNo(), "5.1"], ['mathcolor', CompatNo(), CompatGeckoDesktop("2.0"), CompatNo(), CompatNo(), "5.1"] ) }}

{{ CompatTableMobile( ['Basic support', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['accent', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['accentunder', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['align', CompatNo(), CompatNo(), CompatGeckoMobile("12.0"), CompatNo(), CompatNo(), CompatNo()], ['href', CompatNo(), CompatNo(), CompatGeckoMobile("7.0"), CompatNo(), CompatNo(), CompatNo()], ['mathbackground', CompatNo(), CompatNo(), CompatGeckoMobile("2.0"), CompatNo(), CompatNo(), CompatNo()], ['mathcolor', CompatNo(), CompatNo(), CompatGeckoMobile("2.0"), CompatNo(), CompatNo(), CompatNo()] ) }}

Specification

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

See also

  • {{ MathMLElement("munder") }} (Underscript)
  • {{ MathMLElement("mover") }} (Overscript)

Revision Source

<h2 id="Summary">Summary</h2>
<p>The MathML <code>&lt;munderover&gt;</code> element is used to attach accents or limits both under and over an expression. It uses the following syntax: <code>&lt;munder&gt; <em>base underscript overscript</em> &lt;/munder&gt;</code></p>
<h2 id="Attributes">Attributes</h2>
<dl> <dt id="attr-accent">accent</dt> <dd>If <code>true</code>, the overscript is an <em>accent</em>, which is drawn closer to the base expression.<br> If <code>false</code> (default value), the overscript is a <em>limit</em> over the base expression.</dd> <dt id="attr-accentunder">accentunder</dt> <dd>If <code>true</code>, the underscript is an <em>accent</em>, which is drawn closer to the base expression.<br> If <code>false</code> (default value), the underscript is a <em>limit</em> under the base expression.</dd> <dt id="attr-align">align</dt> <dd>The alignment of both underscript and overscript. 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</dt> <dd>Used to set a hyperlink to a specified URI.</dd> <dt id="attr-mathbackground">mathbackground</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</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 id="Examples">Examples</h2>
<p>Rendering: <img alt="integral-0-infinity" src="/@api/deki/files/4851/=munderover.png" style="vertical-align: middle; margin-left: 10px;"></p>
<pre class="brush: html">&lt;math&gt; 

  &lt;munderover&gt;
    &lt;mo&gt; &amp;#x222B;<span style="color: rgb(153, 153, 0);">&lt;!--INTEGRAL--&gt;</span> &lt;/mo&gt;
    &lt;mn&gt; 0 &lt;/mn&gt;
    &lt;mi&gt; &amp;#x221E;<span style="color: rgb(153, 153, 0);">&lt;!--INFINITY--&gt;</span> &lt;/mi&gt;
  &lt;/munderover&gt;

&lt;/math&gt;
</pre>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<p>{{ CompatTableDesktop( ['Basic support', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), "9.5", "5.1"], ['accent', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), CompatNo(), CompatNo()], ['accentunder', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), CompatNo(), CompatNo()], ['align', CompatNo(), CompatGeckoDesktop("12.0"), CompatNo(), CompatNo(), CompatNo()], ['href', CompatNo(), CompatGeckoDesktop("7.0"), CompatNo(), CompatNo(), CompatNo()], ['mathbackground', CompatNo(), CompatGeckoDesktop("2.0"), CompatNo(), CompatNo(), "5.1"], ['mathcolor', CompatNo(), CompatGeckoDesktop("2.0"), CompatNo(), CompatNo(), "5.1"] ) }}</p>
<p>{{ CompatTableMobile( ['Basic support', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['accent', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['accentunder', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['align', CompatNo(), CompatNo(), CompatGeckoMobile("12.0"), CompatNo(), CompatNo(), CompatNo()], ['href', CompatNo(), CompatNo(), CompatGeckoMobile("7.0"), CompatNo(), CompatNo(), CompatNo()], ['mathbackground', CompatNo(), CompatNo(), CompatGeckoMobile("2.0"), CompatNo(), CompatNo(), CompatNo()], ['mathcolor', CompatNo(), CompatNo(), CompatGeckoMobile("2.0"), CompatNo(), CompatNo(), CompatNo()] ) }}</p>
<h2 id="Specification">Specification</h2>
<ul> <li>{{ spec("http://www.w3.org/TR/MathML/chapter3.html#presm.munderover","MathML 3.0 Presentation Markup munderover", "REC") }}</li>
</ul>
<h2 id="See_also">See also</h2>
<ul> <li>{{ MathMLElement("munder") }} (Underscript)</li> <li>{{ MathMLElement("mover") }} (Overscript)</li>
</ul>
Revert to this revision