mozilla

Revision 42254 of <menclose>

  • Revision slug: MathML/Element/menclose
  • Revision title: menclose
  • Revision id: 42254
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment Reverted to earlier version; 28 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 {{ gecko_minversion_inline("7.0") }}
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.
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() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{ CompatNo() }} {{ CompatGeckoDesktop("1.9.2") }} {{ CompatNo() }} 9.5 {{ CompatNo() }}
notation attribute {{ CompatNo() }} all values (madruwb {{ gecko_minversion_inline("2.0") }}) {{ CompatNo() }} only box, bottom, left, right, top, horizontalstrike {{ CompatNo() }}
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support {{ CompatNo() }} {{ CompatGeckoMobile("1.9.2") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
notation attribute {{ CompatNo() }} all values (madruwb {{ gecko_minversion_inline("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 {{ gecko_minversion_inline("7.0") }}</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> <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>
<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() }}</td> <td>{{ CompatGeckoDesktop("1.9.2") }}</td> <td>{{ CompatNo() }}</td> <td>9.5</td> <td>{{ CompatNo() }}</td> </tr> <tr> <td><code>notation</code> attribute</td> <td>{{ CompatNo() }}</td> <td>all values (<code>madruwb</code> {{ gecko_minversion_inline("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> </tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Phone</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatNo() }}</td> <td>{{ CompatGeckoMobile("1.9.2") }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatNo() }}</td> </tr> <tr> <td><code>notation</code> attribute</td> <td>{{ CompatNo() }}</td> <td>all values (<code>madruwb</code> {{ gecko_minversion_inline("2.0") }})</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.menclose","MathML 3.0 Presentation Markup menclose", "REC") }}</li>
</ul>
Revert to this revision