---
title: menclose
slug: Web/MathML/Element/menclose
tags:
  - MathML
  - 'MathML:Element'
  - 'MathML:Référence'
translation_of: Web/MathML/Element/menclose
---
<p>L'élément MathML <code>&lt;menclose&gt;</code> permet d'afficher son contenu groupé au sein d'une même notation, définie par l'attribut <code>notation</code>.</p>
<h2 id="Attributs">Attributs</h2>
<dl>
 <dt id="attr-class-id-style">
  class, id, style</dt>
 <dd>
  Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd>
 <dt id="attr-href">
  href</dt>
 <dd>
  Un hyperlien pointant vers un URI donné.</dd>
 <dt id="attr-mathbackground">
  mathbackground</dt>
 <dd>
  La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd>
 <dt id="attr-mathcolor">
  mathcolor</dt>
 <dd>
  La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd>
 <dt id="attr-notation">
  notation</dt>
 <dd>
  Une liste de notations à appliquer aux éléments fils, séparées par des blancs. Les symboles sont dessinés indépendamment et peuvent donc parfois se superposer. Les valeurs possibles sont :</dd>
 <dd>
  <br>
  <table class="standard-table">
   <tbody>
    <tr>
     <th>Valeur</th>
     <th>Affichage</th>
     <th>Affichage dans votre navigateur</th>
     <th>Description</th>
    </tr>
    <tr>
     <td><code>longdiv</code> (valeur par défaut)</td>
     <td><img alt="longdiv" src="/files/3167/default.png"></td>
     <td><math> <menclose notation="longdiv"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Symbole de division longue</td>
    </tr>
    <tr>
     <td><code>actuarial</code></td>
     <td><img alt="actuarial" src="/files/3168/actuarial.png"></td>
     <td><math> <menclose notation="actuarial"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td><a class="external" href="http://en.wikipedia.org/wiki/Actuarial_notation" title="http://en.wikipedia.org/wiki/Actuarial_notation">Symbole actuaire</a></td>
    </tr>
    <tr>
     <td><code>radical</code></td>
     <td><img alt="radical" src="/files/3169/radical.png"></td>
     <td><math> <menclose notation="radical"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Symbole de la racine carrée</td>
    </tr>
    <tr>
     <td><code>box</code></td>
     <td><img alt="box" src="/files/3170/box.png"></td>
     <td><math> <menclose notation="box"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Boîte</td>
    </tr>
    <tr>
     <td><code>roundedbox</code></td>
     <td><img alt="roundedbox" src="/files/3171/roundedbox.png"></td>
     <td><math> <menclose notation="roundedbox"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Boîte arrondie</td>
    </tr>
    <tr>
     <td><code>circle</code></td>
     <td><img alt="circle" src="/files/3172/circle.png"></td>
     <td><math> <menclose notation="circle"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Cercle</td>
    </tr>
    <tr>
     <td><code>left</code></td>
     <td><img alt="left" src="/files/3173/left.png"></td>
     <td><math> <menclose notation="left"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Ligne à la gauche du contenu</td>
    </tr>
    <tr>
     <td><code>right</code></td>
     <td><img alt="right" src="/files/3174/right.png"></td>
     <td><math> <menclose notation="right"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Ligne à la droite du contenu</td>
    </tr>
    <tr>
     <td><code>top</code></td>
     <td><img alt="top" src="/files/3175/top.png"></td>
     <td><math> <menclose notation="top"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Ligne au-dessus du contenu</td>
    </tr>
    <tr>
     <td><code>bottom</code></td>
     <td><img alt="bottom" src="/files/3176/bottom.png"></td>
     <td><math> <menclose notation="bottom"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Ligne en-dessous du contenu</td>
    </tr>
    <tr>
     <td><code>updiagonalstrike</code></td>
     <td><img alt="updiagonalstrike" src="/files/3177/updiagonalstrike.png"></td>
     <td><math> <menclose notation="updiagonalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Ligne de rayure allant du coin bas-gauche au coin haut-droit</td>
    </tr>
    <tr>
     <td><code>downdiagonalstrike</code></td>
     <td><img alt="downdiagonalstrike" src="/files/3178/downdiagonalstrike.png"></td>
     <td><math> <menclose notation="downdiagonalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Ligne de rayure allant du coin haut-gauche au coin bas-droit</td>
    </tr>
    <tr>
     <td><code>verticalstrike</code></td>
     <td><img alt="verticalstrike" src="/files/3179/verticalstrike.png"></td>
     <td><math> <menclose notation="verticalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Ligne de rayure verticale à travers le contenu</td>
    </tr>
    <tr>
     <td><code>horizontalstrike</code></td>
     <td><img alt="horizontalstrike" src="/files/3180/horizontalstrike.png"></td>
     <td><math> <menclose notation="horizontalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>Ligne de rayure horizontale à travers le contenu</td>
    </tr>
    <tr>
     <td><code>madruwb</code></td>
     <td><img alt="madruwb" src="/files/3181/madruwb.png"></td>
     <td><math> <menclose notation="madruwb"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></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">Symbole arabe pour la factorielle</a></td>
    </tr>
    <tr>
     <td><code>updiagonalarrow</code></td>
     <td><img alt="" src="https://mdn.mozillademos.org/files/6255/updiagonalarrow.png" style="width: 83px; height: 38px;"></td>
     <td><math> <menclose notation="updiagonalarrow"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
     <td>flèche diagonale</td>
    </tr>
   </tbody>
  </table>
 </dd>
</dl>
<h2 id="Exemples">Exemples</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 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Fonctionnalité</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari</th>
   </tr>
   <tr>
    <td>Support simple</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>Toutes les valeurs. <code>madruwb</code> est supporté depuis Gecko 2.0.</td>
    <td>{{ CompatNo() }}</td>
    <td>Seulement <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>Fonctionnalité</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>Support simple</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>Toutes les valeurs. <code>madruwb</code> est supporté depuis 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>
<h3 id="Specifications" name="Specifications">Notes spécifiques à Gecko</h3>
<ul>
 <li>Les valeurs pour l'attribut <code>notation</code> ont été ajoutées dans les versions suivantes:
  <ul>
   <li><code>madruwb</code> dans Gecko 2.0 {{GeckoRelease("2.0")}}.</li>
   <li><code>updiagonalarrow</code> dans Gecko 24.0 {{GeckoRelease("24.0")}}</li>
  </ul>
 </li>
</ul>
<h2 id="Specifications" name="Specifications">Spécifications</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaires</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>Spécification actuelle</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }}</td>
   <td>{{ Spec2('MathML2') }}</td>
   <td>Spécification initiale</td>
  </tr>
 </tbody>
</table>
<p> </p>