<menclose>

  • Revision slug: MathML/Element/menclose
  • Revision title: menclose
  • Revision id: 319649
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment WebKit bug

Revision Content

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 Arabic factorial symbol

Examples

<math> 

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

</math>

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{ CompatNo() }} {{webkitbug(85729)}} {{ CompatGeckoDesktop("1.0") }} {{ CompatNo() }} 9.5 {{ CompatNo() }} {{webkitbug(85729)}}
notation {{ CompatNo() }} All values. madruwb since Gecko 2.0. {{ CompatNo() }} Only box, bottom, left, right, top, horizontalstrike {{ CompatNo() }}
href {{ CompatNo() }} {{webkitbug(85733)}} {{ CompatGeckoDesktop("7.0") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{webkitbug(85733)}}
mathbackground {{ CompatNo() }} {{ CompatGeckoDesktop("2.0") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
mathcolor {{ CompatNo() }} {{ CompatGeckoDesktop("2.0") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
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() }}

Specifications

Specification Status Comment
{{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }} {{ Spec2('MathML3') }} Current specification
{{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }} {{ Spec2('MathML2') }} Initial specification

 

Revision Source

<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 id="Attributes">Attributes</h2>
<dl>
  <dt id="attr-class-id-style">
    class, id, style</dt>
  <dd>
    Provided for use with <a href="/en-US/docs/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-US/docs/CSS/color_value#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-US/docs/CSS/color_value#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="/files/3167/default.png" /></td>
          <td>long division symbol</td>
        </tr>
        <tr>
          <td><code>actuarial</code></td>
          <td><img alt="actuarial" src="/files/3168/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="/files/3169/radical.png" /></td>
          <td>square root symbol</td>
        </tr>
        <tr>
          <td><code>box</code></td>
          <td><img alt="box" src="/files/3170/box.png" /></td>
          <td>box</td>
        </tr>
        <tr>
          <td><code>roundedbox</code></td>
          <td><img alt="roundedbox" src="/files/3171/roundedbox.png" /></td>
          <td>rounded box</td>
        </tr>
        <tr>
          <td><code>circle</code></td>
          <td><img alt="circle" src="/files/3172/circle.png" /></td>
          <td>circle</td>
        </tr>
        <tr>
          <td><code>left</code></td>
          <td><img alt="left" src="/files/3173/left.png" /></td>
          <td>line to the left of the contents</td>
        </tr>
        <tr>
          <td><code>right</code></td>
          <td><img alt="right" src="/files/3174/right.png" /></td>
          <td>line to the right of the contents</td>
        </tr>
        <tr>
          <td><code>top</code></td>
          <td><img alt="top" src="/files/3175/top.png" /></td>
          <td>line above of the contents</td>
        </tr>
        <tr>
          <td><code>bottom</code></td>
          <td><img alt="bottom" src="/files/3176/bottom.png" /></td>
          <td>line below of the contents</td>
        </tr>
        <tr>
          <td><code>updiagonalstrike</code></td>
          <td><img alt="updiagonalstrike" src="/files/3177/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="/files/3178/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="/files/3179/verticalstrike.png" /></td>
          <td>vertical strikeout line through contents</td>
        </tr>
        <tr>
          <td><code>horizontalstrike</code></td>
          <td><img alt="horizontalstrike" src="/files/3180/horizontalstrike.png" /></td>
          <td>horizontal strikeout line through contents</td>
        </tr>
        <tr>
          <td><code>madruwb</code></td>
          <td><img alt="madruwb" src="/files/3181/madruwb.png" /></td>
          <td><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 id="Examples">Examples</h2>
<pre class="brush: html">
&lt;math&gt; 

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

&lt;/math&gt;</pre>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{ CompatNo() }} {{webkitbug(85729)}}</td>
        <td>{{ CompatGeckoDesktop("1.0") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>9.5</td>
        <td>{{ CompatNo() }} {{webkitbug(85729)}}</td>
      </tr>
      <tr>
        <td><code>notation</code></td>
        <td>{{ CompatNo() }}</td>
        <td>All values. <code>madruwb</code> since Gecko 2.0.</td>
        <td>{{ CompatNo() }}</td>
        <td>Only <code>box</code>, <code>bottom</code>, <code>left</code>, <code>right</code>, <code>top</code>, <code>horizontalstrike</code></td>
        <td>{{ CompatNo() }}</td>
      </tr>
      <tr>
        <td><code>href</code></td>
        <td>{{ CompatNo() }} {{webkitbug(85733)}}</td>
        <td>{{ CompatGeckoDesktop("7.0") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }} {{webkitbug(85733)}}</td>
      </tr>
      <tr>
        <td><code>mathbackground</code></td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatGeckoDesktop("2.0") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
      <tr>
        <td><code>mathcolor</code></td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatGeckoDesktop("2.0") }}</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>Android</th>
        <th>Chrome for Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatGeckoMobile("1.0") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
      <tr>
        <td><code>notation</code></td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>All values. <code>madruwb</code> since Gecko 2.0.</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
      <tr>
        <td><code>href</code></td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatGeckoMobile("7.0") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
      <tr>
        <td><code>mathbackground</code></td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatGeckoMobile("2.0") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
      <tr>
        <td><code>mathcolor</code></td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatGeckoMobile("2.0") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Specifications" name="Specifications">Specifications</h2>
<table class="standard-table" height="49" width="1000">
  <thead>
    <tr>
      <th scope="col">Specification</th>
      <th scope="col">Status</th>
      <th scope="col">Comment</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }}</td>
      <td>{{ Spec2('MathML3') }}</td>
      <td>Current specification</td>
    </tr>
    <tr>
      <td>{{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }}</td>
      <td>{{ Spec2('MathML2') }}</td>
      <td>Initial specification</td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision