<mrow>

  • Revision slug: MathML/Element/mrow
  • Revision title: mrow
  • Revision id: 34430
  • Created:
  • Creator: fred.wang
  • Is current revision? No
  • Comment 4 words added, 3 words removed

Revision Content

Summary

The MathML <mrow> element is used to group sub-expressions, which usually contain one or more operators with their respective operands (such as {{ MathMLElement("mi") }} and {{ MathMLElement("mn") }}). This element renders as a horizontal row containing its arguments.

When writing a MathML expression, you should group elements within an <mrow> in the same way as they are grouped in the mathematical interpretation of the expression. Proper grouping helps the rendering of the expression in several ways:

  • It can improve the display by possibly affecting spacing.
  • It allows for more intelligent line-breaking and indentation.
  • It simplifies the interpretation of the expression by automated systems such as computer algebra systems and audio renderers.

Attributes

class, id, style
Provided for use with stylesheets.
dir {{ gecko_minversion_inline("12.0") }}
Overall directionality of formulas. Possible values are either ltr (left to right) or rtl (right to left).
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.

Examples

<math> 

  <mrow>
    <mn> 1 </mn>
    <mo> + </mo>
    <mn> 1 </mn>
  </mrow>
 
  <mrow>
    <mo> ( </mo>
    <mrow>
      <mi> x </mi>
      <mo> , </mo>
      <mi> y </mi>
    </mrow>
    <mo> ) </mo>
  </mrow>

</math>

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{ CompatNo() }} {{ CompatGeckoDesktop("1.0") }} {{ CompatNo() }} 9.5 5.1
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support {{ CompatNo() }} {{ CompatGeckoMobile("1.9.2") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}

Specification

  • {{ spec("http://www.w3.org/TR/MathML/chapter3.html#presm.mrow","MathML 3.0 Presentation Markup mrow", "REC") }}

See also

  • Grouping HTML elements: {{ HTMLElement("div") }}

Revision Source

<h2>Summary</h2>
<p>The MathML <code>&lt;mrow&gt;</code> element is used to group sub-expressions, which usually contain one or more <a href="/en/MathML/Element/mo" title="en/MathML/Element/mo">operators</a> with their respective operands (such as {{ MathMLElement("mi") }} and {{ MathMLElement("mn") }}). This element renders as a horizontal row containing its arguments.</p>
<p>When writing a MathML expression, you should group elements within an <code>&lt;mrow&gt;</code> in the same way as they are grouped in the mathematical interpretation of the expression. Proper grouping helps the rendering of the expression in several ways:</p>
<ul> <li>It can improve the display by possibly affecting spacing.</li> <li>It allows for more intelligent line-breaking and indentation.</li> <li>It simplifies the interpretation of the expression by automated systems such as computer algebra systems and audio renderers.</li>
</ul>
<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-dir">dir {{ gecko_minversion_inline("12.0") }}</dt> <dd>Overall directionality of formulas. Possible values are either <code>ltr</code> (left to right) or <code>rtl</code> (right to left).</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>
</dl>
<h2>Examples</h2>
<pre class="brush: html">&lt;math&gt; 

  &lt;mrow&gt;
    &lt;mn&gt; 1 &lt;/mn&gt;
    &lt;mo&gt; + &lt;/mo&gt;
    &lt;mn&gt; 1 &lt;/mn&gt;
  &lt;/mrow&gt;
 
  &lt;mrow&gt;
    &lt;mo&gt; ( &lt;/mo&gt;
    &lt;mrow&gt;
      &lt;mi&gt; x &lt;/mi&gt;
      &lt;mo&gt; , &lt;/mo&gt;
      &lt;mi&gt; y &lt;/mi&gt;
    &lt;/mrow&gt;
    &lt;mo&gt; ) &lt;/mo&gt;
  &lt;/mrow&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.0") }}</td> <td>{{ CompatNo() }}</td> <td>9.5</td> <td>5.1</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> </tbody> </table>
</div>
<h2>Specification</h2>
<ul> <li>{{ spec("http://www.w3.org/TR/MathML/chapter3.html#presm.mrow","MathML 3.0 Presentation Markup mrow", "REC") }}</li>
</ul>
<h2>See also</h2>
<ul> <li>Grouping HTML elements: {{ HTMLElement("div") }}</li>
</ul>
Revert to this revision