1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
---
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><mtable></code> permite criar tabelas e matrizes. Dentro de um <code><mtable></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><mtable></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><mtable displaystyle="true">...</mtable></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="<mtable>"><mtable></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"><math>
<mi>X</mi>
<mo>=</mo>
<mtable frame="solid" rowlines="solid" align="axis 3">
<mtr>
<mtd><mi>A</mi></mtd>
<mtd><mi>B</mi></mtd>
</mtr>
<mtr>
<mtd><mi>C</mi></mtd>
<mtd><mi>D</mi></mtd>
</mtr>
<mtr>
<mtd><mi>E</mi></mtd>
<mtd><mi>F</mi></mtd>
</mtr>
</mtable>
</math>
</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>
|
