diff options
Diffstat (limited to 'files/pt-pt/web/mathml/element/mtable/index.html')
| -rw-r--r-- | files/pt-pt/web/mathml/element/mtable/index.html | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/files/pt-pt/web/mathml/element/mtable/index.html b/files/pt-pt/web/mathml/element/mtable/index.html new file mode 100644 index 0000000000..90c763e3f2 --- /dev/null +++ b/files/pt-pt/web/mathml/element/mtable/index.html @@ -0,0 +1,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> |