---
title: <mtable>
slug: Web/MathML/Element/mtable
tags:
  - MathML
  - 'MathML:Element'
  - 'MathML:Tabular Math'
  - Referência de MathML
translation_of: Web/MathML/Element/mtable
---
<div>{{MathMLRef}}</div>

<p class="summary">O elemento MathML <code>&lt;mtable&gt;</code> permite criar tabelas e matrizes. Dentro de um <code>&lt;mtable&gt;</code> só podem aparecer os elementos {{ MathMLElement("mtr") }} e {{ MathMLElement("mtd") }}. Estes elementos são semelhantes aos elementos de <a href="/pt-PT/docs/HTML">HTML</a> {{ HTMLElement("table") }} , {{ HTMLElement("tr") }} e {{ HTMLElement("td") }}.</p>

<div class="note">
<p><strong>Nota: </strong>O elemento <code>&lt;mtable&gt;</code> restaura o valor do atributo <code>displaystyle</code> para <code>false</code>. Se quiser usar este elemento com o formatação de <em>inline-block</em>, deve criar o elemento com o atributo <code>displaystyle</code> com o valor <code>true</code>, por exemplo <code>&lt;mtable displaystyle="true"&gt;...&lt;/mtable&gt;</code>.</p>
</div>

<h2 id="Atributos">Atributos</h2>

<dl>
 <dt id="attr-align">align</dt>
 <dd>Especifica o alinhamento <strong>vertical</strong> da mesa em relação ao seu ambiente.<br>
 Os valores aceites são:
 <ul>
  <li><code>axis</code> (pré-definido): O centro vertical da tabela alinha-se no eixo do ambiente (tipicamente o sinal menos).</li>
  <li><code>baseline</code>: O centro vertical da mesa alinha-se com a linha de base do ambiente.</li>
  <li><code>bottom</code>: O fundo da tabela alinha-se com a linha de base do ambiente.</li>
  <li><code>center</code>: Ver linha de base.</li>
  <li><code>top</code>: O topo da tabela alinha-se com a linha de base do ambiente.</li>
 </ul>
 Além disso, os valores do atributo <code>align</code> podem terminar com um número de <code>rownumber</code> (por exemplo <code>align="center 3"</code>). Isto permite alinhar a linha especificada da tabela em vez de toda a tabela. Um valor integral negativo conta as linhas do fundo da tabela. Começando com Gecko 8.0 {{ geckoRelease("8.0") }}, a interpretação dos valores negativos foi corrigida ({{ bug(601436) }}). Em Gecko 17.0 {{ geckoRelease("17.0") }}, a análise foi atualizada para tratar corretamente o espaço em branco.</dd>
 <dt id="attr-alignmentscope">alignmentscope</dt>
 <dd>{{ unimplemented_inline() }}</dd>
 <dt id="attr-class-id-style">class, id, style</dt>
 <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
 <dt id="attr-columnalign">columnalign</dt>
 <dd>Indica o alinhamento horizontal das células da tabela. São permitidos valores múltiplos separados por espaço e aplicam-se às colunas correspondentes (e.x. <code>columnalign="left right center"</code>). Os valores aceites são: <code>left</code>, <code>center</code> (pré-definido) e <code>right</code>.</dd>
 <dt id="attr-columnlines">columnlines</dt>
 <dd>Indica as bordas das colunas da tabela. São permitidos valores múltiplos separados por espaço e aplicam-se às colunas correspondentes (e.x. <code>columnlines="none none solid"</code>). Os valores aceites são: <code>none</code> (pré-definido), <code>solid</code> e <code>dashed</code>.</dd>
 <dt id="attr-columnspacing">columnspacing</dt>
 <dd>Indica o espaço entre as colunas da tabela.</dd>
 <dt id="attr-columnwidth">{{ unimplemented_inline() }} columnwidth</dt>
 <dd>Indica a largura das colunas da tabela.</dd>
 <dt id="attr-displaystyle">displaystyle</dt>
 <dd>Um valor <code>Boolean</code> que indica se mais espaço é usado para visualizar equações ou, se <code>false</code>, uma apresentação mais compacta é usada para apresentar as fórmulas. O efeito principal é que versões maiores de operadores são apresentados quando <code>displaystyle</code> é <code>true</code>.</dd>
 <dt id="attr-equalcolumns">{{ unimplemented_inline() }} equalcolumns</dt>
 <dd>Um valor <code>Boolean</code> que indica se todas as colunas devem ser forçadas a ter a mesma altura total. <code>false</code> é o valor pré-definido.</dd>
 <dt id="attr-equalrows">{{ unimplemented_inline() }} equalrows</dt>
 <dd>Um valor <code>Boolean</code> que indica se todas as linhas devem ser forçadas a ter a mesma altura total. <code>false</code> é o valor pré-definido.</dd>
 <dt id="attr-frame">frame</dt>
 <dd>Indica as bordas do elemento <code><a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Element/mtable" title="&lt;mtable>">&lt;mtable&gt;</a></code>. Os valores possiveis são: <code>none</code> (pré-definido), <code>solid</code> e <code>dashed</code>.</dd>
 <dt id="attr-framespacing">framespacing</dt>
 <dd>Indica o espaço adicional entre a tabela e a <code>frame</code>.</dd>
 <dt id="attr-groupalign">groupalign</dt>
 <dd>{{ unimplemented_inline() }}</dd>
 <dt id="attr-href">href</dt>
 <dd>Usado para criar uma hiperligação apontando a uma URI especificado.</dd>
 <dt id="attr-mathbackground">mathbackground</dt>
 <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
 <dt id="attr-mathcolor">mathcolor</dt>
 <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
 <dt id="attr-minlabelspacing">{{ unimplemented_inline() }} minlabelspacing</dt>
 <dd>Um <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">valor de comprimento</a> que indica o espaço minimimo entre uma etiqueta e a célula adjacente numa linha.</dd>
 <dt id="attr-rowalign">rowalign</dt>
 <dd>Indica o alinhamento vertical das células da tabela. São permitidos valores múltiplos separados por espaço e aplicam-se às linhas correspondentes (e.x. <code>rowalign="top bottom axis"</code>). Os valores aceites: <code>axis</code>, <code>baseline</code> (pré-definido), <code>bottom</code>, <code>center</code> e <code>top</code>.</dd>
 <dt id="attr-rowlines">rowlines</dt>
 <dd>Especifica o estilo das bordas das linhas da tabela.  São permitidos valores múltiplos separados por espaço e aplicam-se às linhas correspondentes (e.x. <code>rowlines="none none solid"</code>). Os valores aceites são: <code>none</code> (pré-definido), <code>solid</code> e <code>dashed</code>.</dd>
 <dt id="attr-rowspacing">{{ unimplemented_inline() }} rowspacing</dt>
 <dd>Specifies the space between table rows.</dd>
 <dt id="attr-side">{{ unimplemented_inline() }} side</dt>
 <dd>Indica a posição onde a etiqueta de {{ MathMLElement("mlabeledtr") }} deve ser posta. Os valores acietes são: <code>left</code>, <code>right</code> (pré-definido), <code>leftoverlap</code> e <code>rightoverlap</code>.</dd>
 <dt id="attr-width">width</dt>
 <dd>Indica a largura desejada da tabela. Ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" title="/en-US/docs/MathML/Attributes/Values#Lengths">comprimentos</a> para valores possíveis.</dd>
</dl>

<h2 id="Exemplos">Exemplos</h2>

<h3 id="Alinhamento_com_linha_indicada">Alinhamento com linha indicada</h3>

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

<pre class="brush: html notranslate">&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="Especificações">Especificações</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificação</th>
   <th scope="col">Estado</th>
   <th scope="col">Comentário</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('MathML3', 'chapter3.html#presm.mtable', 'mtable') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>Especificação atual</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mtable', 'mtable') }}</td>
   <td>{{ Spec2('MathML2') }}</td>
   <td>Especificação inicial</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidade">Compatibilidade</h2>



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

<h2 id="Ver_também">Ver também</h2>

<ul>
 <li>{{ MathMLElement("mtd") }} (Célula de tabela)</li>
 <li>{{ MathMLElement("mtr") }} (Linha de tablela)</li>
</ul>