<mlabeledtr>

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

Revision Content

The MathML <mlabeledtr> element is used to represent a label in a row either on the left or on the right side (determined using the side attribute on the {{ MathMLElement("mtable") }} element). Child elements of <mlabeledtr> must be {{ MathMLElement("mtd") }} elements. The first child is the label whereas all other children are respresenting row contents and are treated identically to children of {{ MathMLElement("mtr") }} elements.

Attributes

class, id, style
Provided for use with stylesheets.
columnalign
Overrides the horizontal alignment of cells specified by {{ MathMLElement("mtable") }} for this row.
Possible values are: left, center and right.
groupalign
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.
rowalign
Overrides the vertical alignment of cells specified by {{ MathMLElement("mtable") }} for this row.
Possible values are: axis, baseline, bottom, center and top.

Examples

Rendering: sample rendering for mlabeledtr

<math>  
  <mtable>

    <mlabeledtr>
      <mtd><mn>1</mn></mtd> <!-- label -->
      <mtd><mi>A</mi></mtd>
      <mtd><mi>B</mi></mtd>
    </mlabeledtr>

    <mtr>
      <mtd><mi>C</mi></mtd>
      <mtd><mi>D</mi></mtd>
      <mtd><mi>E</mi></mtd>
    </mtr>

  </mtable>
</math>

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{ CompatNo() }} {{webkitbug(85732)}} {{ CompatNo() }} {{ bug("689641") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{webkitbug(85732)}}
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{ bug("689641") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}

Gecko-specific notes

Starting with Gecko 9.0 {{ geckoRelease("9.0") }} labels are hidden by default (mlabeledtr > mtd:first-child {display: none}) and will longer break the table rendering completely (see {{ bug("356870") }}). For the actual implementation of this element see {{ bug("689641") }}.

Specifications

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

See also

  • {{ MathMLElement("mtable") }} (Table)
  • {{ MathMLElement("mtd") }} (Table cell)
  • {{ MathMLElement("mtr") }} (Table row)

Revision Source

<p><span class="seoSummary">The MathML <code>&lt;mlabeledtr&gt;</code> element is used to represent a label in a row either on the left or on the right side (determined using the <code>side</code> attribute on the {{ MathMLElement("mtable") }} element). Child elements of <code>&lt;mlabeledtr&gt;</code> must be {{ MathMLElement("mtd") }} elements. The first child is the label whereas all other children are respresenting row contents and are treated identically to children of {{ MathMLElement("mtr") }} elements.</span></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-columnalign">
    columnalign</dt>
  <dd>
    Overrides the horizontal alignment of cells specified by {{ MathMLElement("mtable") }} for this row.<br />
    Possible values are: <code>left</code>, <code>center</code> and <code>right</code>.</dd>
  <dt>
    groupalign</dt>
  <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-rowalign">
    rowalign</dt>
  <dd>
    Overrides the vertical alignment of cells specified by {{ MathMLElement("mtable") }} for this row.<br />
    Possible values are: <code>axis</code>, <code>baseline</code>, <code>bottom</code>, <code>center</code> and <code>top</code>.</dd>
</dl>
<h2 id="Examples">Examples</h2>
<p>Rendering: <img alt="sample rendering for mlabeledtr" src="/files/3590/mlabeledtr.png" style="vertical-align: middle; margin-left: 10px;" /></p>
<pre class="brush: html">
&lt;math&gt;&nbsp; 
  &lt;mtable&gt;

    &lt;mlabeledtr&gt;
&nbsp;     &lt;mtd&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;/mtd&gt; &lt;!-- label --&gt;
  &nbsp;&nbsp;&nbsp; &lt;mtd&gt;&lt;mi&gt;A&lt;/mi&gt;&lt;/mtd&gt;
&nbsp;&nbsp;  &nbsp; &lt;mtd&gt;&lt;mi&gt;B&lt;/mi&gt;&lt;/mtd&gt;
  &nbsp; &lt;/mlabeledtr&gt;

&nbsp;&nbsp;&nbsp; &lt;mtr&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;mtd&gt;&lt;mi&gt;C&lt;/mi&gt;&lt;/mtd&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;mtd&gt;&lt;mi&gt;D&lt;/mi&gt;&lt;/mtd&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;mtd&gt;&lt;mi&gt;E&lt;/mi&gt;&lt;/mtd&gt;
&nbsp;&nbsp;&nbsp; &lt;/mtr&gt;

&nbsp; &lt;/mtable&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(85732)}}</td>
        <td>{{ CompatNo() }} {{ bug("689641") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }} {{webkitbug(85732)}}</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>{{ CompatNo() }} {{ bug("689641") }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h3 id="Gecko-specific_notes">Gecko-specific notes</h3>
<p>Starting with Gecko 9.0 {{ geckoRelease("9.0") }} labels are hidden by default (<code>mlabeledtr &gt; mtd:first-child {display: none}</code>) and will longer break the table rendering completely (see {{ bug("356870") }}). For the actual implementation of this element see {{ bug("689641") }}.</p>
<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.mlabeledtr', 'mlabeledtr') }}</td>
      <td>{{ Spec2('MathML3') }}</td>
      <td>Current specification</td>
    </tr>
    <tr>
      <td>{{ SpecName('MathML2', 'chapter3.html#presm.mlabeledtr', 'mlabeledtr') }}</td>
      <td>{{ Spec2('MathML2') }}</td>
      <td>Initial specification</td>
    </tr>
  </tbody>
</table>
<h2 id="See_also">See also</h2>
<ul>
  <li>{{ MathMLElement("mtable") }} (Table)</li>
  <li>{{ MathMLElement("mtd") }} (Table cell)</li>
  <li>{{ MathMLElement("mtr") }} (Table row)</li>
</ul>
Revert to this revision