---
title: <mi>
slug: Web/MathML/Element/mi
tags:
  - MathML
  - 'MathML:Element'
  - 'MathML:Token Elements'
  - Referência de MathML
translation_of: Web/MathML/Element/mi
---
<div>{{MathMLRef}}</div>

<p class="summary">O elemento de MathML <code>&lt;mi&gt;</code> indica se o conteúdo deve ser apresentado como um <strong>identificador</strong> como nomes de funções, variáveis ou constantes simbólicas. Também pode ter texto arbitrário para a marcação de termos.</p>

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

<dl>
 <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-dir">dir</dt>
 <dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</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 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 HTML</a>.</dd>
 <dt id="attr-mathsize">mathsize</dt>
 <dd>O tamanho do conteúdo. Ver <a class="external external-icon" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" rel="noopener">comprimento</a> para os valores aceites.<br>
 Valores obsoletos: <code>small</code>, <code>normal</code> e <code>big</code>. Estes serão removidos no futuro.</dd>
 <dt id="attr-mathvariant">mathvariant</dt>
 <dd>Este atributo especifica a classe lógica do identificador, que varia em tipografia. Ou seja, embora os nomes sugerem o estilo tipográfico da classe, semanticamente, os itens com a mesma classe são tratados "da mesma forma" dentro de uma expressão, o que pode ou não envolver a sua exibição com a tipografia nomeada. São permitidos os seguintes valores:
 <ul>
  <li><code>normal</code> (Valor pré-definido para <em>mais que um caráter</em>) ; <math><mi mathvariant="normal">Exemplo</mi></math></li>
  <li><code>bold</code> ; <math><mi mathvariant="bold">Exemplo</mi></math></li>
  <li><code>italic</code> (Valor pré-definido para <em>um caráter individual</em>) ; <math><mi mathvariant="italic">Exemplo</mi></math></li>
  <li><code>bold-italic</code> ; <math><mi mathvariant="bold-italic">Exemplo</mi></math></li>
 </ul>

 <ul>
  <li><code>double-struck</code> ; <math><mi mathvariant="double-struck">Exemplo</mi></math></li>
  <li><code>bold-fraktur</code> ; <math><mi mathvariant="bold-fraktur">Exemplo</mi></math></li>
  <li><code>script</code> ; <math><mi mathvariant="script">Exemplo</mi></math></li>
  <li><code>bold-script</code> ; <math><mi mathvariant="bold-script">Exemplo</mi></math></li>
  <li><code>fraktur</code> ; <math><mi mathvariant="fraktur">Exemplo</mi></math></li>
 </ul>

 <ul>
  <li><code>sans-serif</code> ; <math><mi mathvariant="sans-serif">Exemplo</mi></math></li>
  <li><code>bold-sans-serif</code> ; <math><mi mathvariant="bold-sans-serif">Exemplo</mi></math></li>
  <li><code>sans-serif-italic</code> ; <math><mi mathvariant="sans-serif-italic">Exemplo</mi></math></li>
  <li><code>sans-serif-bold-italic</code> ; <math><mi mathvariant="sans-serif-bold-italic">Exemplo</mi></math></li>
  <li><code>monospace</code> ; <math><mi mathvariant="monospace">Exemplo</mi></math></li>
 </ul>

 <ul>
  <li><code>initial</code> ; <math><mi mathvariant="initial">مثال</mi></math></li>
  <li><code>tailed</code> ; <math><mi mathvariant="tailed">مثال</mi></math></li>
  <li><code>looped</code> ; <math><mi mathvariant="looped">مثال</mi></math></li>
  <li><code>stretched</code> ; <math><mi mathvariant="stretched">مثال</mi></math></li>
 </ul>
 </dd>
</dl>

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

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

  &lt;mi&gt; y &lt;/mi&gt;

  &lt;mi&gt; sin &lt;/mi&gt;

  &lt;mi mathvariant="monospace"&gt; x &lt;/mi&gt;

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

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



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

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

<ul>
 <li>Alguns valores de <code>mathvariant</code> só estão implementados a partir de Gecko 28.0 {{ geckoRelease("28.0") }} e requerem as <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">fontes de matemática</a> apropriadas.</li>
</ul>