---
title: <mfenced>
slug: Web/MathML/Element/mfenced
translation_of: Web/MathML/Element/mfenced
---
<div>{{MathMLRef}}</div>

<p class="summary">Элемент MathML <code>&lt;mfenced&gt;</code> обеспечивает возможность добавить по выбору открывающие и закрывающие скобки (например, квадратные) и разделители (например, запятую или точку с запятой) </p>

<h2 id="Атрибуты">Атрибуты</h2>

<dl>
 <dt id="attr-class-id-style">class, id, style</dt>
 <dd>Предполагается использование с <a href="/ru/docs/CSS">таблицами стилей</a>.</dd>
 <dt id="attr-close">close</dt>
 <dd>Строка для закрывающего разделителя. Значением по умолчанию является <code>")"</code> и все пробелы обрезаются.</dd>
 <dt id="attr-href">href</dt>
 <dd>Используется для установки гиперссылки на указанный URI.</dd>
 <dt id="attr-mathbackground">mathbackground</dt>
 <dd>Цвет фона. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">имена цветов HTML</a>.</dd>
 <dt id="attr-mathcolor">mathcolor</dt>
 <dd>Цвет текста и также цвет линии дроби. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">имена цветов HTML</a>.</dd>
 <dt id="attr-open">open</dt>
 <dd>Строка для открывающего разделителя. Значением по умолчанию является <code>"("</code> и все пробелы обрезаются.</dd>
 <dt id="attr-separators">separators</dt>
 <dd>A sequence of zero or more characters to be used for different separators, optionally divided by white space, which is ignored. The default value is ",". By specifying more than one character, it is possible to set different separators for each argument in the expression. If there are too many separators, all excess is ignored. If there are too few separators in the expression, the last specified separator is repeated.</dd>
</dl>

<h2 id="Examples">Examples</h2>

<h3 id="The_last_separator_is_repeated_()">The last separator is repeated (<code>,</code>)</h3>

<p>Sample rendering: <img alt="{a;b;c,d,e}" src="/files/3193/mfenced01.png"></p>

<p>Rendering in your browser: <math> <mfenced close="}" open="{" separators=";;,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p>

<pre class="brush: html">&lt;math&gt;
  &lt;mfenced open="{" close="}" separators=";;,"&gt;
    &lt;mi&gt;a&lt;/mi&gt;
    &lt;mi&gt;b&lt;/mi&gt;
    &lt;mi&gt;c&lt;/mi&gt;
    &lt;mi&gt;d&lt;/mi&gt;
    &lt;mi&gt;e&lt;/mi&gt;
  &lt;/mfenced&gt;
&lt;/math&gt;
</pre>

<h3 id="All_excess_is_ignored_()">All excess is ignored (<code>,</code>)</h3>

<p>Sample rendering: <img alt="[a|b|c|d|e]" src="/files/3195/mfenced02.png"></p>

<p>Rendering in your browser: <math> <mfenced close="]" open="[" separators="||||,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p>

<pre class="brush: html">&lt;math&gt;
  &lt;mfenced open="[" close="]" separators="||||,"&gt;
    &lt;mi&gt;a&lt;/mi&gt;
    &lt;mi&gt;b&lt;/mi&gt;
    &lt;mi&gt;c&lt;/mi&gt;
    &lt;mi&gt;d&lt;/mi&gt;
    &lt;mi&gt;e&lt;/mi&gt;
  &lt;/mfenced&gt;
&lt;/math&gt;
</pre>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <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.mfenced', 'mfenced') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>Current specification</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfenced', 'mfenced') }}</td>
   <td>{{ Spec2('MathML2') }}</td>
   <td>Initial specification</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p> </p>



<p>{{Compat}}</p>

<p> </p>