---
title: <mtable>
slug: Web/MathML/Element/mtable
translation_of: Web/MathML/Element/mtable
---
<p>{{MathMLRef()}}</p>

<p>MathML の <code>&lt;mtable&gt;</code> 要素は表や行列を作るのに使えます。<code>&lt;mtable&gt;</code> の中には {{ MathMLElement("mtr") }} と {{ MathMLElement("mtd") }} のみが書けます。これらの要素の関係は，<a href="/ja/docs/HTML">HTML</a> の{{ HTMLElement("table") }}，{{ HTMLElement("tr") }} と {{ HTMLElement("td") }} の関係に似ています。</p>

<h2 id="属性">属性</h2>

<dl>
 <dt id="attr-align">align</dt>
 <dd>Specifies the <strong>vertical</strong> alignment of the table with respect to its environment.<br>
 Possible values are:
 <ul>
  <li><code>axis</code> (default): The vertical center of the table aligns on the environment's axis (typically the minus sign).</li>
  <li><code>baseline</code>: The vertical center of the table aligns on the environment's baseline.</li>
  <li><code>bottom</code>: The bottom of the table aligns on the environments baseline.</li>
  <li><code>center</code>: See baseline.</li>
  <li><code>top</code>: The top of the table aligns on the environments baseline.</li>
 </ul>
 In addition, values of the <code>align</code> attribute can end with a <em>rownumber</em> (e.g. <code>align="center 3"</code>). This allows you to align the specified row of the table rather than the whole table. A negative Integer value counts rows from the bottom of the table. Starting with Gecko 8.0 {{ geckoRelease("8.0") }} the interpretation of <em>negative</em> values has been corrected ({{ bug(601436) }}). In Gecko 17.0 {{geckoRelease("17.0")}} the parsing has been updated to treat whitespace correctly.</dd>
 <dt id="attr-alignmentscope">alignmentscope</dt>
 <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>セル内の水平方向の揃えを指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する列に適用されます（例：<code>columnalign="left right center"</code>）取り得る値は <code>left，center</code>（既定値）と <code>right</code> です。</dd>
 <dt id="attr-columnlines">columnlines</dt>
 <dd>列間罫線を指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する列の間に適用されます（例：<code>columnlines="none none solid"</code>）。取り得る値は <code>none</code>（既定値），<code>solid</code> と <code>dashed</code> です。</dd>
 <dt id="attr-columnspacing">columnspacing</dt>
 <dd>列間スペースを指定します。</dd>
 <dt id="attr-columnwidth">columnwidth</dt>
 <dd>列幅を指定します。</dd>
 <dt id="attr-displaystyle">displaystyle</dt>
 <dd>A Boolean value specifying whether more vertical space is used for displayed equations or, if set to <code>false</code>, a more compact layout is used to display formulas. The main effect is that larger versions of operators are displayed, when <code>displaystyle</code> is set to <code>true</code>.</dd>
 <dt id="attr-equalcolumns">equalcolumns</dt>
 <dd>全列の幅（訳注：原文は total height とあるが total width の誤りだろう）を強制的に同じにするか否かを示す真偽値。既定値は <code>false</code>。</dd>
 <dt id="attr-equalrows">equalrows</dt>
 <dd>全行の高さを強制的に同じにするか否かを示す真偽値。既定値は  <code>false。</code></dd>
 <dt id="attr-frame">frame</dt>
 <dd>Specifies borders of the entire table. Possible values are: <code>none</code> (default), <code>solid</code> and <code>dashed</code>.</dd>
 <dt id="attr-framespacing">framespacing</dt>
 <dd>Specifies additional space added between the table and frame.</dd>
 <dt id="attr-groupalign">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-minlabelspacing">minlabelspacing</dt>
 <dd>A length value specifing the minimum space between a <a href="/en-US/docs/MathML/Element/mlabeledtr">label</a> and the adjacent cell in the row.</dd>
 <dt id="attr-rowalign">rowalign</dt>
 <dd>セルの垂直方向の揃えを指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する行に適用されます（例：<code>rowalign="top bottom axis"</code>）。取り得る値は <code>axis，baseline</code>（既定値），<code>bottom，center</code> と <code>top</code> です。</dd>
 <dt id="attr-rowlines">rowlines</dt>
 <dd>行間罫線を指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する列の間に適用されます。（例：<code>rowlines="none none solid"</code>）。取り得る値は <code>none</code>（既定値），<code>solid</code> と <code>dashed</code> です。</dd>
 <dt id="attr-rowspacing">rowspacing</dt>
 <dd>行間スペースを指定します。</dd>
 <dt id="attr-side">side</dt>
 <dd>{{ MathMLElement("mlabeledtr") }} ラベル要素を置く場所を指定します。 取り得る値は <code>left</code>，<code>right</code>（既定値），<code>leftoverlap</code> と <code>rightoverlap</code> です。</dd>
 <dt id="attr-width">width</dt>
 <dd>Specifies the width of the entire table. Accepts <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length values</a>.</dd>
</dl>

<h2 id="例">例</h2>

<h4 id="Example_1_揃える位置を行番号で指定する">Example 1: 揃える位置を行番号で指定する</h4>

<p>Rendering: <img alt="" src="/files/3295/mtable-1.png" style="margin-left: 10px; vertical-align: middle;"></p>

<pre class="brush: html">&lt;math&gt;

    &lt;mi&gt;X&lt;/mi&gt;
    &lt;mo&gt;=&lt;/mo&gt;
    &lt;mtable frame="solid" rowlines="solid" align="axis 3"&gt;
        &lt;mtr&gt;
             &lt;mtd&gt;&lt;mi&gt;A&lt;/mi&gt;&lt;/mtd&gt;
             &lt;mtd&gt;&lt;mi&gt;B&lt;/mi&gt;&lt;/mtd&gt;
        &lt;/mtr&gt;
        &lt;mtr&gt;
             &lt;mtd&gt;&lt;mi&gt;C&lt;/mi&gt;&lt;/mtd&gt;
             &lt;mtd&gt;&lt;mi&gt;D&lt;/mi&gt;&lt;/mtd&gt;
        &lt;/mtr&gt;
        &lt;mtr&gt;
             &lt;mtd&gt;&lt;mi&gt;E&lt;/mi&gt;&lt;/mtd&gt;
             &lt;mtd&gt;&lt;mi&gt;F&lt;/mi&gt;&lt;/mtd&gt;
        &lt;/mtr&gt;
    &lt;/mtable&gt;

&lt;/math&gt;
</pre>

<h2 id="sect1"></h2>

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

<h2 id="ブラウザ毎の互換性">ブラウザ毎の互換性</h2>



<p>{{Compat("mathml.elements.mtable")}}</p>

<h2 id="See_also">See also</h2>

<ul>
 <li>{{ MathMLElement("mtd") }} (Table cell)</li>
 <li>{{ MathMLElement("mtr") }} (Table row)</li>
</ul>