---
title: <maction>
slug: Web/MathML/Element/maction
tags:
  - MathML
  - 'MathML:Element'
  - 'MathML:Enlivening Expressions'
  - Referência de MathML
translation_of: Web/MathML/Element/maction
---
<div>{{MathMLRef}}</div>

<div class="summary">
<p>O elemento de MathML <strong><code>&lt;maction&gt;</code></strong> oferece a possibilidade de associar ações a (sub-) expressões. A ação é indicada pelo atributo <code>actiontype</code>, que aceita vários valores. Para indicar que elementos são afetados pela ação, pode usar o atributo <code>selection</code>.</p>
</div>

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

<dl>
 <dt id="attr-actiontype">actiontype</dt>
 <dd>A ação que indica o que acontecerá ao elemento. Os valores possíveis são:
 <ul>
  <li><code>statusline</code>: Se o utilizador carregar ou tiver o cursor sob a expressão, a mensagem é enviada para a <em>status line</em> do navegador. A sintaxe é: <code>&lt;maction actiontype="statusline"&gt; <em>expression</em> <em>message</em> &lt;/maction&gt;.</code></li>
  <li><code>toggle</code>: Quando a sub-expressão é carregada, a expressão alterna com outra expressão selecionada. Cada vez que é carregada o valor de <code>selection</code> aumenta.A sintaxe é: <code>&lt;maction actiontype="toggle" selection="<em>positive-integer</em>" &gt; <em>expression1</em> <em>expression2</em> <em>expressionN</em> &lt;/maction&gt;</code>.</li>
  <li><code>tooltip</code>: Quando o cursor está sob a expressão, uma <em>tooltip</em> com uma mensagem é feita visível perto da expressão.<br>
   A sintaxe é:<code> &lt;maction actiontype="tooltip"&gt; <em>expression</em> <em>message</em> &lt;/maction&gt;.</code></li>
 </ul>
 </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-href">href</dt>
 <dd>Usado para criar uma hiperligação para um URI.</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 HTML</a>.</dd>
 <dt id="attr-mathcolor">mathcolor</dt>
 <dd>A cor do texto e da linha da fração. 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 HTML</a>.</dd>
 <dt id="attr-selection">selection</dt>
 <dd>O elemento que no qual a ação tem efeito. O valor pré-definido é <code>1</code>, que representa o primeiro elemento do grupo.</dd>
</dl>

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

<p>O seguinte exemplo usa o "<em>toggle</em>" <code>actiontype</code>:</p>

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

&lt;maction actiontype="toggle"&gt;

  &lt;mfrac&gt;
    &lt;mn&gt;6&lt;/mn&gt;
    &lt;mn&gt;8&lt;/mn&gt;
  &lt;/mfrac&gt;

  &lt;mfrac&gt;
    &lt;mrow&gt;
      &lt;mn&gt;3&lt;/mn&gt;
      &lt;mo&gt;&amp;sdot;&lt;/mo&gt;
      &lt;mn&gt;2&lt;/mn&gt;
    &lt;/mrow&gt;
    &lt;mrow&gt;
      &lt;mn&gt;4&lt;/mn&gt;
      &lt;mo&gt;&amp;sdot;&lt;/mo&gt;
      &lt;mn&gt;2&lt;/mn&gt;
    &lt;/mrow&gt;
  &lt;/mfrac&gt;

  &lt;mfrac&gt;
    &lt;mn&gt;3&lt;/mn&gt;
    &lt;mn&gt;4&lt;/mn&gt;
  &lt;/mfrac&gt;

&lt;/maction&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.maction', 'maction') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>Especificação atual</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}</td>
   <td>{{ Spec2('MathML2') }}</td>
   <td>Especificação inicial</td>
  </tr>
 </tbody>
</table>

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





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



<h2 id="Notas_para_Gecko">Notas para Gecko</h2>

<ul>
 <li>Anterior ao Gecko 9.0 {{ geckoRelease("9.0") }} o valor não <em>standard</em> <code>restyle</code> no atributo <code>actiontype</code> era suportado. Este valor foi removido.</li>
 <li>Anterior ao Gecko 14.0 {{ geckoRelease("14.0") }} a ação <code>statusline</code> usava uma sintaxe não <em>standard</em> (ver abaixo). Agora segue a especificação da MathML.<br>

  <pre class="brush: html notranslate">&lt;maction actiontype="statusline#(message)"&gt;
(expression)
&lt;/maction&gt;
</pre>
 </li>
 <li>No Gecko 15.0 {{geckoRelease("15.0")}} o atributo <code>selection</code> só é utilizado pela ação <code>"toggle"</code>.</li>
 <li>A partir do Gecko 16.0 {{geckoRelease("16.0")}} o atributo <code>selection</code> é utilizado para <code>actiontype</code> desconhecidos. Se um <code>actiontype</code> não é indicado (o atributo é deixado vazio) ou o atributo <code>selection</code> é invalido, a marcação apresenta um erro MathML (<em>invalid-markup</em>).</li>
</ul>