<menclose>

  • Revision slug: MathML/Element/menclose
  • Revision title: menclose
  • Revision id: 42255
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment remove labels, use new compat table; 156 words added, 107 words removed

Revision Content

Summary

The MathML <menclose> element renders its content inside an enclosing notation specified by the notation attribute.

Attributes

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.
notation
A list of notations, separated by white space, to apply to the child elements. The symbols are each drawn as if the others are not present, and therefore may overlap. Possible values are:
Value Rendering Description
longdiv (default) longdiv long division symbol
actuarial actuarial actuarial symbol
radical radical square root symbol
box box box
roundedbox roundedbox rounded box
circle circle circle
left left line to the left of the contents
right right line to the right of the contents
top top line above of the contents
bottom bottom line below of the contents
updiagonalstrike updiagonalstrike strikeout line through contents from lower left to upper right
downdiagonalstrike downdiagonalstrike strikeout line through contents from upper left to lower right
verticalstrike verticalstrike vertical strikeout line through contents
horizontalstrike horizontalstrike horizontal strikeout line through contents
madruwb madruwb {{ gecko_minversion_inline("2.0") }} Arabic factorial symbol

Examples

<math> 

  <menclose notation="circle box">
    <mi> x </mi>
    <mo> + </mo>
    <mi> y </mi>
  </menclose>

</math>

Browser compatibility

{{ CompatibilityTable() }}

{{ CompatTableDesktop( ['Basic support', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), "9.5", CompatNo()], ['notation', CompatNo(), "All values. madruwb since Gecko 2.0", CompatNo(), "only box, bottom, left, right, top, horizontalstrike", 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()] ) }}

{{ CompatTableMobile( ['Basic support', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['notation', CompatNo(), CompatNo(), "All values. madruwb since Gecko 2.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.menclose","MathML 3.0 Presentation Markup menclose", "REC") }}

Revision Source

<h2>Summary</h2>
<p>The MathML <code>&lt;menclose&gt;</code> element renders its content inside an enclosing notation specified by the <code>notation</code> attribute.</p>
<h2>Attributes</h2>
<dl> <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> <dt id="attr-notation">notation</dt> <dd>A list of notations, separated by white space, to apply to the child elements. The symbols are each drawn as if the others are not present, and therefore may overlap. Possible values are: <table class="standard-table"> <tbody> <tr> <th>Value</th> <th>Rendering</th> <th>Description</th> </tr> <tr> <td><code>longdiv</code> (default)</td> <td><img alt="longdiv" src="/@api/deki/files/4797/=default.png"></td> <td>long division symbol</td> </tr> <tr> <td><code>actuarial</code></td> <td><img alt="actuarial" src="/@api/deki/files/4798/=actuarial.png"></td> <td><a class="external" href="http://en.wikipedia.org/wiki/Actuarial_notation" title="http://en.wikipedia.org/wiki/Actuarial_notation">actuarial symbol</a></td> </tr> <tr> <td><code>radical</code></td> <td><img alt="radical" src="/@api/deki/files/4799/=radical.png"></td> <td>square root symbol</td> </tr> <tr> <td><code>box</code></td> <td><img alt="box" src="/@api/deki/files/4800/=box.png"></td> <td>box</td> </tr> <tr> <td><code>roundedbox</code></td> <td><img alt="roundedbox" src="/@api/deki/files/4801/=roundedbox.png"></td> <td>rounded box</td> </tr> <tr> <td><code>circle</code></td> <td><img alt="circle" src="/@api/deki/files/4802/=circle.png"></td> <td>circle</td> </tr> <tr> <td><code>left</code></td> <td><img alt="left" src="/@api/deki/files/4803/=left.png"></td> <td>line to the left of the contents</td> </tr> <tr> <td><code>right</code></td> <td><img alt="right" src="/@api/deki/files/4804/=right.png"></td> <td>line to the right of the contents</td> </tr> <tr> <td><code>top</code></td> <td><img alt="top" src="/@api/deki/files/4805/=top.png"></td> <td>line above of the contents</td> </tr> <tr> <td><code>bottom</code></td> <td><img alt="bottom" src="/@api/deki/files/4806/=bottom.png"></td> <td>line below of the contents</td> </tr> <tr> <td><code>updiagonalstrike</code></td> <td><img alt="updiagonalstrike" src="/@api/deki/files/4807/=updiagonalstrike.png"></td> <td>strikeout line through contents from lower left to upper right</td> </tr> <tr> <td><code>downdiagonalstrike</code></td> <td><img alt="downdiagonalstrike" src="/@api/deki/files/4808/=downdiagonalstrike.png"></td> <td>strikeout line through contents from upper left to lower right</td> </tr> <tr> <td><code>verticalstrike</code></td> <td><img alt="verticalstrike" src="/@api/deki/files/4809/=verticalstrike.png"></td> <td>vertical strikeout line through contents</td> </tr> <tr> <td><code>horizontalstrike</code></td> <td><img alt="horizontalstrike" src="/@api/deki/files/4810/=horizontalstrike.png"></td> <td>horizontal strikeout line through contents</td> </tr> <tr> <td><code>madruwb</code></td> <td><img alt="madruwb" src="/@api/deki/files/4811/=madruwb.png"></td> <td>{{ gecko_minversion_inline("2.0") }} <a class="external" href="http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra" title="http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra">Arabic factorial symbol</a></td> </tr> </tbody> </table> </dd>
</dl>
<h2>Examples</h2>
<pre class="brush: html">&lt;math&gt; 

  &lt;menclose notation="circle box"&gt;
    &lt;mi&gt; x &lt;/mi&gt;
    &lt;mo&gt; + &lt;/mo&gt;
    &lt;mi&gt; y &lt;/mi&gt;
  &lt;/menclose&gt;

&lt;/math&gt;</pre>
<h2>Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<p>{{ CompatTableDesktop( ['Basic support', CompatNo(), CompatGeckoDesktop("1.0"), CompatNo(), "9.5", CompatNo()], ['notation', CompatNo(), "All values. <code>madruwb</code> since Gecko 2.0", CompatNo(), "only <code>box</code>, <code>bottom</code>, <code>left</code>, <code>right</code>, <code>top</code>, <code>horizontalstrike</code>", 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>
<p>{{ CompatTableMobile( ['Basic support', CompatNo(), CompatNo(), CompatGeckoMobile("1.0"), CompatNo(), CompatNo(), CompatNo()], ['notation', CompatNo(), CompatNo(), "All values. <code>madruwb</code> since Gecko 2.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>Specification</h2>
<ul> <li>{{ spec("http://www.w3.org/TR/MathML/chapter3.html#presm.menclose","MathML 3.0 Presentation Markup menclose", "REC") }}</li>
</ul>
Revert to this revision